如何在javascript中从输入字段中获取值？

我尝试了.value、.textContent、innerText。。。。但什么都没用。。。。 下面是我的html

var input=document.getElementById（'input'）.value
var button=document.getElementById（'submit'）
按钮。addEventListener（'单击'，（）=>{
console.log（输入）///输出始终为空
})

发现

您需要在事件触发时读取

值

属性，而不是在事件触发之前

let input = document.getElementById('input'); 
let button = document.getElementById('submit');
button.addEventListener('click',()=>{
    console.log(input.value);
})

---

它为空的原因是，您正在使用输入中的初始值初始化

input

变量，即nothing

单击按钮时，需要输入的“当前”值，这意味着您必须在每次单击按钮时找到值

这样做：

var-button=document.getElementById（'submit'）
按钮。addEventListener（'单击'，（）=>{
var input=document.getElementById（'input'）。值；
控制台日志（输入）；
})

发现

今后也不要将表单中的任何内容称为“提交”。如果要使用脚本提交表单，除非重命名按钮，否则将无法提交