关于javascript:为什么dom元素为空null?

Why is a DOM element null?

本问题已经有最佳答案,请猛点这里访问。

我有这个简单的HTML文件。

1
2
3
4
5
6
7
8
9
10
11
12
13
<!DOCTYPE html>
<html>
<head>
    <script src='test.js'>
</head>

<body>
    <p>
I am a paragraph tag
</p>
    <h1 >I am an h1 tag
     I am a div tag
</body>

这个简单的脚本(test.js):

1
2
y=document.getElementById("id");
y.style.color="green";

为什么在地球上是"Y"零?你是我的错误

1
TypeError: y is null

我知道这是一个简单的语法我失踪的东西,但我不能找到我的生命!救命!

邮政脚本:两个HTML文件和文件夹中的文件test.js是一样的。


创建所有元素时,必须将脚本放在文档的末尾:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<!DOCTYPE html>
<html>
<head>

</head>

<body>
    <p>
I am a paragraph tag
</p>
    <h1 >I am an h1 tag
     I am a div tag
</body>
<script src='test.js'>


您可以使用$(document).ready包装脚本上的内容(如果您使用jquery)或window.onload(如果使用纯javascript)。