JS——报错Uncaught TypeError: Cannot set properties of null (setting ‘innerHTML‘)

本文介绍: 浏览器加载HTML文档时，会将HTML文档解析为一个树形结构，称为DOM树，代码的执行顺序是自上而下依次执行，当执行到innerHTML这一行代码时，他并没有加载到下面的DOM结构，就会报错无法读取HTML。将DOM的读取部分的script放在body后面。或者在sc rip t 标签中添加 window.on load，等页面加载结束后再执行这一部分代码。这个报错的意思是无法读取 null的属性“innerHTML”，即表示找不到你想要将所写的HTML代码插入的地方。2.原本的sc rip t 标签中添加。

Ca nn ot set properties of null (settin g ‘innerHTML’)，这个报错的意思是无法读取null的属性“innerHTML”，即表示找不到你想要将所写的HTML代码插入的地方。

解决办法：将DOM的读取部分的sc ript放在body后面。或者在sc ript标签中添加 window.on load，等页面加载结束后再执行这一部分代码。

原因：浏览器加载HTML文档时，会将HTML文档解析为一个树形结构，称为DOM树，代码的执行顺序是自上而下依次执行，当执行到innerHTML这一行代码时，他并没有加载到下面的DOM结构，就会报错无法读取HTML。

1.将执行在s c ript中的代码放在b oby之后。

<body&gt;
    <div id="text"> </div>
</body>
<script>
     if (localStorage.pagecount) {
            localStorage.pagecount = Number(localStorage.pagecount) + 1;
        }
        else {
            localStorage.pagecount = 1;
        }
        // document.write("Visits:  " + localStorage.pagecount + "  time(s).");
         var d = document.getElementById('test').innerText=localStorage.pagecount ;//通过id获取div节点对象
  // d.innerHTML =  localStorage.pagecount;//在div中追加内容22323
   console.log(localStorage.pagecount);
</script>

2.原本的script标签中添加window.on load

<script> 
    window.onload = function () {            
        if (localStorage.pagecount) {
          localStorage.pagecount = Number(localStorage.pagecount) + 1;
        }
        else {
           localStorage.pagecount = 1;
        }
     // document.write("Visits:  " + localStorage.pagecount + "  time(s).");
        var d = document.getElementById('test');//通过id获取div节点对象
        d.innerHTML =  localStorage.pagecount;//在div中追加内容22323
        console.log(localStorage.pagecount);
     }
</script>
<body>
    <div id="text"> </div>
</body>