javascript - 为什么 DOM 元素为空?

标签 javascript styles runtime-error

<分区>

我有这个简单的 HTML 文件:

<!DOCTYPE html>
<html>
<head>
    <script src='test.js'></script>
</head>

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

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

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

到底为什么“y”为空?我得到的错误是

TypeError: y is null

我敢肯定这是我所缺少的简单语法,但我终究无法弄明白!帮助!

Post Script: html 文件和 test.js 文件都在同一个文件夹中。

最佳答案

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

<!DOCTYPE html>
<html>
<head>

</head>

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

关于javascript - 为什么 DOM 元素为空?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37846803/

相关文章:

c++ - 从数组中删除一个单元格给我运行时错误

php - 样式化 php 推特提要

android - Appcompat按钮背景样式

javascript - 获取父节点标签名

javascript - 动态创建的元素上的事件绑定(bind)?

runtime-error - box2d CreateFixture 和 b2FixtureDef 给出纯虚函数调用

c - 创建自己的幂函数的程序运行时错误

php - 自动填写表单并提交不会将参数获取到服务器

javascript - richembed 字段可能不为空错误 -- 我该如何解决这个问题?

javascript - 如何将 Canvas 恢复到另一个函数中保存的状态?