gpt4 book ai didi

javascript - 需要运行两次 Node.removeChild() 以删除节点

转载 作者:行者123 更新时间:2023-11-30 10:08:43 24 4
gpt4 key购买 nike

我正在尝试删除第一个 li 节点,但我必须运行 deleteNode(); 两次才能删除该节点。

我需要删除里面的li标签和img标签...

window.onload = function() {
deleteNode();
deleteNode();
}


function deleteNode() {
var node;
node = document.getElementById("sliders");
node.removeChild(node.firstChild);
}
<body>
<div id="jsSlider">
<div class="slider-wrapper">
<ul id="sliders">
<li>
<img src="img/sample-1.jpg" alt="" />
</li>
<li>
<img src="img/sample-2.jpg" alt="" />
</li>
<li>
<img src="img/sample-3.jpg" alt="" />
</li>
</ul>
</div>
</div>

<div id="prueba"></div>
</body>
这是纯 javascript 我不能使用 jQuery 或任何其他 js 框架。如何在只运行一次 Node.removeChild() 时删除 li 标签?

最佳答案

改用 firstElementChild 因为 firstChild 正在返回文本:

window.onload=deleteNode();

function deleteNode() {
var node;
node = document.getElementById("sliders");
node.removeChild(node.firstElementChild);
}

FIDDLE

关于javascript - 需要运行两次 Node.removeChild() 以删除节点,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27699887/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com