javascript 如何根据元素的ID打印console.log中的值？

flvtvl50 于 2023-02-15 发布在 Java

关注(0)|答案(9)|浏览(205)

<input id="email" name="email" type="text" value="ooooo@gmail.com">

如何获取id=email的值并将其打印到我的控制台或任何地方进行测试？
我试过了，但没有运气：（

script type="text/javascript">
    document.getElementById('email').innerText;
</script>

9条答案

有两种类型的元素
1.块-可以在jquery中使用-.innerHTML或.html()访问这些块，如div的span等
1.非块元素-这些元素可以通过jquery中的.value或.val()访问，如输入类型等
你要做的就是

console.log($('#email').val())  //jquery

or 

console.log(document.getElementById('email').value); // javascript

尝试

console.log($('#email').val());

var email = $("#email").val();
alert(email);

这将把整个对象“打印”到控制台

console.log("input[id='email'] - %o", document.getElementById('email'));

不使用jQuery：

console.log(document.getElementById('email').value);

很管用

console.log(email.value)

在Chrome开发工具控制台中删除.value：

document.getElementById('#id')

let inputId = document.querySelector("#email");
console.log(inputId);

如果没有定义email（您的id），只需：

email.innerHTML