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

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (10)

我知道这个问题听起来很傻但我很好奇为什么我可以在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时,在(“text”)之后我得到.nodeValue而不是获得.value。这是我的代码编辑器的问题或我有一个错误,因为每次我在输入字段中放置一个名称,它显示在它出现的段落内的结果,快速也消失

提问于
用户回答回答于
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();
用户回答回答于

我不确定这是否会解决。但是,我建议你onclick在输入标签内部给出一个事件。

    <input type="submit" value="submit" id="btn" onclick="get()"> 
    <script>
    function get() {
    var x = document.getElementById("text").value; 
    document.getElementById("para").innerHTML = x;
    }
    </script>`

扫码关注云+社区

领取腾讯云代金券