javascript - 从文本框中获取值并输出

Question

如何从 myTextbox 获取值并输出到<p> ？

为什么我收到错误消息:[object HTMLInputElement]

<input type="text" id="myTextbox">
<input type="button" id="myButton" value="Run" onclick="myFunction()">
<p id="myOutput"></p>

<script>
function myFunction() {
    var x = document.getElementById("myTextbox");
    document.getElementById("myOutput").innerHTML = x;
}
</script>

Answer 1

您收到此错误消息是因为 x 是一个对象。这意味着他很复杂(文本框有value、name、onclick 等)并且不知道如何/什么被表示为 string。结果是他的type [object HTMLInputElement]。

要获取对象的value，您必须访问x.value属性。

function myFunction() {
    var x = document.getElementById("myTextbox");
    document.getElementById("myOutput").innerHTML = x.value;
}

<input type="text" id="myTextbox">
<input type="button" id="myButton" value="Run" onclick="myFunction()">
<p id="myOutput"></p>