2016-11-18 20 views
1

的內容從HTML代碼,請考慮以下摘錄:js函數無法選擇HTML輸入框

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

我想要得到的InputField的ID爲「field_x」的內容。爲此我寫了下面的JavaScript函數:

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

然而,出於某種原因在以下錯誤消息的函數中的行

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

不工作和結果:

「無法讀取屬性值爲空」

這裏出了什麼問題?

+0

Typo,你忘記了'''在'document.querySelector(「field_x」).value'中。您應該學會使用瀏覽器的控制檯進行一些基本的調試。 – j08691

+0

使用'document.querySelector(「#field_x」).value'或者簡單的'document.getElementById(「field_x」)。value' – Nemoy

回答

2

正確的語法爲:

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

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

對,謝謝! –

+3

從ID選擇器中刪除# – Mahi

+0

@Mahi謝謝。這就是我得到的複製和粘貼到第二行的第一行... –