JS TypeError：无法读取null的属性“样式”

Question

我有这样的代码，当它被调用时给我一个“典型错误”……有人可以告诉我什么地方错了，我似乎无法理解这是怎么回事。

document.getElementById('cblberrormsg'+curID).style.display = "block";
var res = ''+ response;
document.getElementById('cblberrormsg'+curID).innerHTML = res;

谢谢。

Answer 1

document.getElementById('cblberrormsg'+curID)返回null 。 这意味着具有该ID的对象不存在。

最常见的原因是因为您试图在解析和加载页面的那一部分之前执行这行代码为时过早。 您的代码必须在相关HTML之后的<script>标记中，或者您必须使用等待执行脚本直到页面加载的函数，例如这样。

但是，由于在这种情况下，您正在使用变量构造id字符串，因此也可能是curID不是您认为的那样，或者超出了页面中的可接受值。

一旦您完全确定要在加载页面HTML之后才执行此代码，那么我建议您像这样对它进行检测：

console.log("curID=" + curID);
console.log("document.getElementById('cblberrormsg'+curID)=" + document.getElementById('cblberrormsg'+curID);
document.getElementById('cblberrormsg'+curID).style.display = "block";
var res = ''+ response;
document.getElementById('cblberrormsg'+curID).innerHTML = res;

然后，在发生错误时查看调试日志，并在发生错误时查看curID的值。

Answer 2

jfriend00是正确的，您所引用的对象不存在。

如果文档尚未加载，或者由于某种原因您未正确设置curID，则每次获取的代码都会变得异常繁琐。

您可以通过稍微更改代码来进行测试：

var foo = document.getElementById('cblberrormsg'+curID);
if(foo){
    foo.style.display = "block";

    // foo exists 
    // do whatever, yadayadayada
}