JS функционировать не в состоянии выбрать содержимое HTML ввода

Question

Рассмотрим следующий отрывок из HTML-кода:

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

Я хочу, чтобы получить содержание InputField с идентификатором «field_x». С этой целью я написал следующий яваскрипт функции:

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

Вы пропускаете # знак в вашем селекторе.