javascript - 无法读取 null 的属性 'style' - 在 Chrome 的 Javascript 控制台中

Question

我正在检查 JS 控制台，它帮助我解决了一些小问题，但我想知道这个警告是否值得认真担心？

这是给出错误的代码:

<script type="text/javascript"
src="https://www.safaviehhome.com/product_images/locations/js/jqgalscroll.js"></script>
<script src="https://www.safaviehhome.com/product_images/mainnav/stuHover.js"             type="text/javascript"></script>
<script>
function layerSetup(id,visibility){
if(document.getElementById){
this.obj = document.getElementById(id).style;
Uncaught TypeError: Cannot read property 'style' of null
Uncaught TypeError: Cannot read property 'style' of null
<!--Includes many more of the same "Cannot read property 'style' of null messages -->

this.obj.visibility = visibility;
return this.obj;}
else if(document.all){
this.obj = document.all[id].style;
this.obj.visibility = visibility;
return this.obj;}
else if(document.layers){
this.obj = document.layers[id];
this.obj.visibility = visibility;
return this.obj;}
}
function visVisible(param){
new layerSetup(param,'visible');
}

function visHidden(param){
new layerSetup(param,'hidden');
}</script>

我无法真正弄清楚为什么会发生这种情况，以及这是否是我应该担心的事情，因为我们的地毯类别功能正常。有人可以提供任何见解吗？我很抱歉没有提供我自己的任何解释，但这个 JS 不是我写的，而是我以前的同事写的，现在轮到我来调试他犯的每个错误了。这是一个学习过程，但我对此仍然有些陌生..

Answer 1

发生这种情况可能有两个原因。

1. 在页面上的某个位置，正在调用 layerSetup 函数，并将 null 作为参数之一。
2. 页面上不存在传递给 layerSetup 函数的 id 元素。

在 Chrome 开发控制台中，您可以点击出现所有异常时暂停，该按钮位于左下栏中，带有暂停符号。这将帮助您确定传递给函数的参数是什么。