Javascript 为什么我会出错;无法读取属性';追加儿童';“无效”的定义;

Javascript 为什么我会出错;无法读取属性';追加儿童';“无效”的定义;,javascript,Javascript,我对下面的代码有一个问题。我得到一个错误:app.js:141未捕获的TypeError:无法读取null的属性'appendChild' const cartDOM=document.querySelector(“.cart\u center”); addToCart({标题、价格、图像、id}){ 设div=document.createElement('div'); div.classList.add('cart\uu item'); div.innerHTML=` ${title} $$

我对下面的代码有一个问题。我得到一个错误:app.js:141未捕获的TypeError:无法读取null的属性'appendChild'

const cartDOM=document.querySelector(“.cart\u center”);
addToCart({标题、价格、图像、id}){
设div=document.createElement('div');
div.classList.add('cart\uu item');
div.innerHTML=`
${title}
$${price}
`;
儿童福利院(分部);
}
}

您看到该错误是因为

const cartDOM=document.querySelector(“.cart\u center”);
正在解析为
null
,这意味着使用提供的选择器
“.cart\uu center”
,在文档中找不到元素

这可能是因为:

  • 元素与选择器条件不匹配。也许不是类名,而是id,或者其他什么
  • 元素目前不在DOM中,无法执行
    querySelector()
    ,可能它还没有被加载/呈现
不幸的是,没有提供关于这个问题的更多细节,这将有助于提出解决方案


因此,我只能希望至少我提供了一些有用的见解,我建议您检查应用程序的逻辑,以找到修复它的最佳方法。

您能告诉我们“cartDOM”是在哪里定义的吗?请参阅更新,谢谢。代码格式不正确……这绝对没有问题。已知的是,
querySelector
找不到这样的元素……谢谢你的逻辑,我找到了!