用火狐测试得到：TypeError: document.getElementById(...) is null @ file://xxx/js/test8 是为什么？

发布网友发布时间：2022-05-16 03:51

共3个回答

热心网友时间：2023-10-10 14:12

您好，很高兴为您答疑。
因为JS是解释性语言，您的代码<button id="toleadright" class="lead" onClick="clickright()"></button>除了设置一个button，同时也相当于声明了一个id为toleadright的实体对象，而document.getElementById("toleadright").style.display="none";执行是依托于该实体对象。你将代码顺序对调，则会先执行您对对象的操作，而目标对象尚未生成，因此报出空指针异常错误。

热心网友时间：2023-10-10 14:12

看id ： toleadright在不在?
写js前要加上
window.onload=function(){
...............................js代码
}
这个指在html元素加载完后再运行js
不要js在html上面先运行了，会找不到下面的id

热心网友时间：2023-10-10 14:13

你追问?

用火狐测试得到：TypeError: document.getElementById(...) is null @ file:&#47;&#47;xxx&#47;js&#47;test8 是为什么？

用火狐测试得到：TypeError: document.getElementById(...) is null @ file://xxx/js/test8 是为什么？