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

Question

请考虑以下html代码的摘录：

function updateInputBox(dropdowntBox) {
    var inputBoxField = document.getElementById("inputBox").setAttribute("data-myAttribute", dropdowntBox.value);
}

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

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

然而，由于某种原因，行

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

函数内的

不起作用，并导致以下错误消息：

  

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

这里出了什么问题？

Answer 1

正确的语法是：

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

或

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

Answer 2

您在选择器中缺少#符号。