无法从输入字段获取用户输入并将其分配给另一个 div 的 innerHTML

Question

我知道这个问题听起来很傻，但我很好奇为什么我可以在 JavaScript 中避免这个问题。现在在下面的代码中我给出了：var btn=document.getElementById("btn");btn.onclick = function get() {  var x = document.getElementById("text").value; // --> HERE   document.getElementById("para").innerHTML = x;};get();<input type="text" id="text" value=""><input type="submit" value="submit" id="btn"><p id="para"></p>现在，当我在函数内部分配变量 x 时，在（“文本”）之后我得到 .nodeValue 而不是得到 .value。这是我的代码编辑器的问题还是我有错误，因为每次我在输入字段中输入名称时，它都会显示段落内的结果，它出现并且快速消失

Answer 1

所以我在这里看到两个问题：

你没有关闭你的脚本标签。

你正在调用 get(); 但该功能不存在于该范围内，而仅在 onclick 事件中分配。

这应该可以解决问题：

var btn=document.getElementById("btn");

btn.onclick = function get() {

  var x = document.getElementById("text").value;

  document.getElementById("para").innerHTML = x;

};

<input type="text" id="text" value="HELLO">

<input type="submit" value="submit" id="btn">

<p id="para"></p>

我已将值预设为“HELLO”，但您可以根据需要更改它，单击按钮时它将提供请求的值。

Answer 2

var btn=document.getElementById("btn");

btn.onclick = function () {

  var x = document.getElementById("text").value; // --> HERE 

  document.getElementById("para").innerHTML = x;

};

btn.onclick()

<input type="text" id="text" value="hello">

<input type="submit" value="submit" id="btn">

<p id="para"></p>

这是您尝试执行的操作的一个有效示例。您不能在该上下文中声明函数，因为它是匿名的。我的例子很完美，但你应该做一些更像

function get() { 

//Do something

}

btn.onclick = get;

get();