我想使用 javascript 從我的 div 元素中刪除特定的子元素，但我無法做到這一點(diǎn)。這是元素的格式<div class="div1"><span class="spanp">span1<span class="spanc">spanchild1</span></span><span class="spanc">spanc</span><span class="spanp">span2<span class="spanc">spanchild2</span></span><span class="spanc">spanc</span><span class="spanp">span3<span class="spanc">spanchild3</span></span><span class="spanc">spanc</span></div>我只想刪除 class="spanc" 的 span 元素。我如何僅使用 javascript 來做到這一點(diǎn)var list=document.getElementsByClassName("spanc");for(var i=0;i<list.length;i++){list[i].parentNode.removeChild(list[i]);}當(dāng)我運(yùn)行此命令時(shí)，我只能刪除奇數(shù)索引上的主 Spanc 類元素和類 Spap 元素的子元素。偶數(shù)索引 Spap 類子元素仍在列表中
3 回答
皈依舞
TA貢獻(xiàn)1851條經(jīng)驗(yàn) 獲得超3個(gè)贊
我想這可以解決問題：
const spanc = document.querySelectorAll('.div1 .spanc');
spanc.forEach(node => node.remove());
函數(shù)式編程
TA貢獻(xiàn)1807條經(jīng)驗(yàn) 獲得超9個(gè)贊
因此，問題的一部分是您嘗試刪除的跨度具有不同的父元素；有時(shí)它是一個(gè)跨度，否則它是一個(gè)div。
const itemsToRemove = document.getElementsByClassName('spanc');
const parents = document.getElementsByClassName('spanp');
[...parents].forEach(span => {
const itemsToRemove = span.getElementsByClassName('spanc');
[...itemsToRemove].forEach(item => span.removeChild(item));
});
const outerParent = document.getElementsByClassName('div1')[0];
const upperItemsToRemove = outerParent.getElementsByClassName('spanc');
[...upperItemsToRemove].forEach(item => outerParent.removeChild(item));
<div class="div1">
<span class="spanp">span1<span class="spanc">spanchild1</span></span>
<span class="spanc">spanc</span>
<span class="spanp">span2<span class="spanc">spanchild1</span></span>
<span class="spanc">spanc</span>
<span class="spanp">span2<span class="spanc">spanchild1</span></span>
<span class="spanc">spanc</span>
</div>
人到中年有點(diǎn)甜
TA貢獻(xiàn)1895條經(jīng)驗(yàn) 獲得超7個(gè)贊
我通過使用 while 循環(huán)而不是 forloop 得到了答案
while(list.length>0){
let i=0;
list[i].parentNode.removeChild(list[i]);
}
- 3 回答
- 0 關(guān)注
- 176 瀏覽
添加回答
舉報(bào)
0/150
提交
取消