從文本框中讀取值

Question

我有一個簡單的文本框：

<input type="text" id="username" /><br />
<input type="button" id="Submit" value="Submit" onclick="Submit()" />

該功能定義為：

function Submit() {
   var username = document.getElementById("username").value;
   alert("Welcome " + username);
}

為什么我會收到以下錯誤？

無法讀取null的屬性“value”

Answer 1

重命名您的功能。 Submit可能是您瀏覽器中的保留字（盡管您的代碼可以正常工作） 谷歌鉻 ）

<input type="text" id="username" /><br />
<input type="button" id="Submit" value="Submit" onclick="mySubmit()" />

function mySubmit() {
   var username = document.getElementById("username").value;
   alert("Welcome " + username);
}

如果不這樣做，請仔細檢查您發布的代碼實際上是錯誤的原因。

Answer 2

Internet Explorer做了一些非常令人沮喪的事情，稱為“自動全局”。

頁面上具有NAME屬性或ID屬性的每個元素都會自動指定為頁面上的全局對象。

因此，您無意中會發生命名空間沖突，因為您的函數和按鈕都被稱為“提交”。

嘗試重命名你的按鈕（和/或添加一個doctype，告訴IE的新版本停止這樣做！）