Question

我正在尝试使用javascript更改任何html元素的字体颜色，但控制台显示此错误＆＃34;未捕获TypeError：无法读取属性＆＃39; style＆＃39; of null＆＃34;。访问其他风格的人物时会发生类似的问题。

<html>
<head>
    <title></title>
</head>
<body>
    <h1 id="heading">Login</h1>
    <script type="text/javascript" src="script.js"></script>
</body>
</html>

这是我正在使用的javascript

(function(){
    window.onload=function(){
        var el=document.getElementById("h1");
        el.style.color= "green";
    };
}());

Answer 1

您没有#h1元素。在这种情况下，正确的id值为heading。

var el=document.getElementById("heading");

Answer 2

您正在使用getElementById并将h1传递给它，这是不正确的。标题的ID为heading。

更改为：

var el=document.getElementById("heading");

Answer 3

您必须将“h1”更改为“标题”

(function(){
    window.onload=function(){
        var el=document.getElementById("heading");
        el.style.color= "green";
    };
}());

Answer 4

h1不是Id的标签 var el=document.getElementById("h1");

因此，如果您想要更改所有元素，则需要使用getElementsByTagName 像这样

var el=document. getElementsByTagName("h1");
to change a certain element like in your case "<h1 id="heading">Login</h1>"
use var `el=document.getElementById("heading");`

访问样式属性时出错＆＃34;未捕获TypeError：无法读取属性＆＃39;样式＆＃39; of null＆＃34;

4 个答案: