? 操作元素報(bào)：cannot read properties of null(reading appendChild)解決辦法
1、場(chǎng)景：
寫的一個(gè)js渲染，但是出了個(gè)小問題，cannot read properties of null(reading appendChild)報(bào)錯(cuò)。
<div id="divps" class="divps"></div>
大致意思是：不能讀取空的屬性。
2、解決方案
1、console.log() //打印數(shù)據(jù)內(nèi)容，查看獲取數(shù)據(jù)是否有問題。
2、js引入放body最后面，頁面是自上而下的運(yùn)行的，HTML都沒有運(yùn)行到，當(dāng)然獲取不到對(duì)應(yīng)節(jié)點(diǎn)
3、使用 getElementsByClassName(''div") 獲取元素時(shí)，其返回的是數(shù)組，而沒有定位到某一具體對(duì)象
還有 getElementsByTagName() 方法也是，getElementsByTagName() 方法返回 HTMLCollection 對(duì)象，HTMLCollection 對(duì)象類似包含 HTML 元素的一個(gè)數(shù)組，看起來可能是一個(gè)數(shù)組，但其實(shí)不是，不過可以像數(shù)組一樣，使用索引來獲取元素
3、后期添加：
后期操作很多ES6里面的Array.form()也可以將這種類數(shù)組轉(zhuǎn)化為數(shù)組;
所以使用此類方法獲取元素時(shí)，只需定位到某一具體元素，讓瀏覽器知道在哪個(gè)元素下添加子節(jié)點(diǎn)即可
改正如下：文章來源：http://www.zghlxwxcb.cn/news/detail-626557.html
document.getElementsByClassName(“divps”)[0];
或者直接拿ID文章來源地址http://www.zghlxwxcb.cn/news/detail-626557.html
document.getElementById(“divps”);
到了這里，關(guān)于? cannot read properties of null(reading appendChild)解決辦法的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
![[npm]Cannot read properties of null (reading 'pickAlgorithm')](https://imgs.yssmx.com/Uploads/2024/02/707102-1.png)
