Question

Heyo，今晚我为本学期的大学课程项目构建了一个购物车系统，就像一个连接到记录订单等数据库的网站一样。当我尝试console.log时，我从chrome中得到了这个奇怪的错误，这使我感到困惑，因为我不确定问题可能是什么。

function onLoadCartNumbers() {
    let productNumbers = localStorage.getItem('cartNumbers');

    if(productNumbers) {
        document.querySelector('.cart h3').textContent = productNumbers;
    }
}

但这是我在Codepen中剩下的JS以供参考，因为我的JS出于某种原因都不想在此处正确粘贴，我明白这听起来像是草稿，但是我自己不能做很多事

https://codepen.io/surrealthecoder/pen/RwaqaVo

这是我的html笔，这个js文件已链接到

https://codepen.io/surrealthecoder/pen/abNQNxd

当document.querySelector（'。cart h3'）。textContent = productNumbers;的字符串不再可用时，不再解决被删除，我向购物车中添加了一个项目，然后购物车界面消失了，并留下了白屏

（'。cart h3'）应该在其中抓取class和h3元素

<li class="cart">
  <a href="cart.html">
    <h3>Cart</h3>
  </a>
</li>

将用户链接到购物车界面的按钮

从理论上讲应该如此，但是我只在chrome控制台中返回标题中写的错误，VSCode在IDE的任何地方都不会将它识别为空错误

整个错误是

products.js:50 Uncaught TypeError: Cannot set property 'textContent' of null
at onLoadCartNumbers (products.js:50)
at products.js:123

第123行是

onLoadCartNumbers();

无法将属性'textContent'设置为null？

0 个答案: