Javascript 未捕获类型错误：无法读取属性'；风格'；prac.js处的空值：3_Javascript_Html_Dom

Javascript 未捕获类型错误：无法读取属性'；风格'；prac.js处的空值：3

javascript html dom

Javascript 未捕获类型错误：无法读取属性'；风格'；prac.js处的空值：3,javascript,html,dom,Javascript,Html,Dom,使用DOM为h1提供颜色的两行代码是错误的未捕获的TypeError:无法读取prac.js:3处null的属性“style” 当在单独的javascript文件中写入时，相同的两行代码在控制台中运行良好，并产生所需的效果 HTML: 您的脚本可能在DOM呈现之前运行。正如Palash所建议的，将脚本标记放在body标记的末尾。因为不清楚如何使用JavaScript，所以很难识别实际问题。但是，假设您只在同一个文件HTML中使用JavaScript，那么您编写的代码工作正常，您可以查看下

使用DOM为h1提供颜色的两行代码是错误的

未捕获的TypeError:无法读取prac.js:3处null的属性“style”

当在单独的javascript文件中写入时，相同的两行代码在控制台中运行良好，并产生所需的效果

HTML:

您的脚本可能在

DOM

呈现之前运行。正如Palash所建议的，将脚本标记放在body标记的末尾。

因为不清楚如何使用JavaScript，所以很难识别实际问题。
但是，假设您只在同一个文件HTML中使用JavaScript，那么您编写的代码工作正常，您可以查看下面的代码片段


实验
嘿！
var hi=document.querySelector（“h1”）；
hi.style.color=“红色”；

尝试将

添加到底部的

中一次。这可能会有帮助：

var hi = document.querySelector("h1");
hi.style.color = "red";

<!DOCTYPE html>
<html>
<head>
<title>Experiments</title>
<script src = "prac.js"></script>
</head>
<body>
<h1>Hey there!</h1>
</body>
</html>