javascript - 从文本框中读取值

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);
}

为什么我会收到以下错误？

Cannot read property 'value' of null

Answer 1

重命名您的函数。 Submit 可能是您浏览器中的保留字(尽管您的代码在 google-chrome 中工作正常)

<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);
}

如果失败，请仔细检查您发布的代码是否确实是错误的原因。