javascript - js函数无法选择html输入框的内容

Question

考虑以下 html 代码的摘录:

<td>Field X: <br/><input type="text" id="field_x" value=""></td>

我想获取 ID 为“field_x”的 InputField 的内容。为此，我编写了以下 javascript 函数:

function get_content(){
    var content = document.querySelector("field_x").value;
    return content;
}

但是，由于某些原因，该行

var content = document.querySelector("field_x").value;

在函数内不起作用并导致以下错误消息:

"Cannot read property 'value' of null"

这里出了什么问题？

Answer 1

正确的语法是:

var content = document.querySelector("#field_x").value;

或

var content = document.getElementById("field_x").value;