Javascript错误不是一个对象 [英] Javascript Error Null is not an Object

问题描述

我在Web Inspector中得到一个错误，如下所示：

Im getting a error in the Web Inspector as shown below:

TypeError: 'null' is not an object (evaluating 'myButton.onclick = function() {
var userName = myTextfield.value;
greetUser(userName);

return false;

}')

这是我的代码（HTML）：

Here is my Code (HTML):

<h2>Hello World!</h2>
<p id="myParagraph">This is an example website</p>

<script src="js/script.js" type="text/javascript"></script>

<form>
  <input type="text" id="myTextfield" placeholder="Type your name" />
  <input type="submit" id="myButton" value="Go" />
</form>

这是JS：

var myButton = document.getElementById("myButton");
var myTextfield = document.getElementById("myTextfield");

function greetUser(userName) {
var greeting = "Hello " + userName + "!";
document.getElementsByTagName ("h2")[0].innerHTML = greeting;
}

myButton.onclick = function() {
var userName = myTextfield.value;
greetUser(userName);

return false;

}

任何想法为什么我得到错误？

Any Idea why I am getting the error?

推荐答案

将代码放在元素定义完成后执行，可以使用 DOM准备好的回调或将源代码在HTML元素下。

Put the code so it executes after the elements are defined, either with a DOM ready callback or place the source under the elements in the HTML.

document.getElementById（）返回 null 如果找不到元素。属性分配只能发生在对象上。 null 不是一个对象（与 typeof 所说的相反）。

document.getElementById() returns null if the element couldn't be found. Property assignment can only occur on objects. null is not an object (contrary to what typeof says).

这篇关于Javascript错误不是一个对象的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！