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;

函数中的功能不起作用，并导致以下错误消息：

“无法读取null的属性'值'”

这是怎么了？

Answer 1

正确的语法为：

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

要么

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

Answer 2

您在选择器中缺少#号。