这应该很简单,但是我需要帮助解决问题:
我需要从DOM树中删除带有“goup”类的元素
使用javascript(最终使用原型(prototype),但没有其他库)。
我不仅要隐藏该段落,还要将其从DOM树中完全删除。
我使用getElementsByClassName的解决方案不起作用。
function hidegoup() {
var goup= document.getElementsByTagName("p")
.getElementsByClassName("goup");
goup.style.display = 'none';
goup.removeChild();
}
HTML:
<div id="poems">
<div class="poem" id="d1">
<p class="goup">
<a href="#">To the top of the page</a>
</p>
</div>
</div>
最佳答案
如果要从DOM中删除node
,请使用:
node.parentNode.removeChild(node);
关于你想做什么:
function hidegoup() {
var p_list = document.getElementsByTagName("p");
for(var i=p_list.length-1; i>=0; i--){
var p = p_list[i];
if(p.className === "goup"){
p.parentNode.removeChild(p);
}
}
}
关于javascript - 使用javascript从DOM树中删除p元素,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/6056452/