无法从输入字段获取用户输入并将其分配给另一个 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() {&nbsp; var x = document.getElementById("text").value;&nbsp; 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 () {&nbsp; var x = document.getElementById("text").value; // --> HERE&nbsp;&nbsp; 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() {&nbsp;//Do something}btn.onclick = get;get();