删除节点操作(removeChild, removeNode)

最新推荐文章于 2021-06-24 08:54:15 发布

原创最新推荐文章于 2021-06-24 08:54:15 发布 · 2.1k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

JS 专栏收录该内容

1 篇文章

订阅专栏

本文介绍两种有效清除HTML页面中所有P标签的方法：一是利用getElementsByTagName配合循环逐个移除；二是通过外部包裹标签并删除该标签下所有子元素实现。文章详细解释了为何不能直接使用for循环进行删除操作，并给出了正确的实现代码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<BODY onload="mm()" id="bb"> <p>aaa</p> <p>bbb</p> <p>ccc</p> <SCRIPT LANGUAGE="JavaScript">  </SCRIPT> </BODY

目的: 删除 body 里面的所有 P 标签

方法:

1. 通过 getElementsByTagName('p') 得到数组, 使用 while 循环一次删除

注意: 不能使用 for()循环 for(var i=0; i<op.length; i++) {removeChild(op[i])}

这样删除只能删除p1, p3, 因为当执行一次 removeChild 之后, i会自动减少1,

所以应当使用 while 循环, 判断 length > 0 即可. 使用 removeNode(true);

2. 通过外层包裹一个标签, 删除包裹标签里面的所有元素达到目的.

var len = document.getElementById('outer_Tag').children.length;

for(var i=len-1; i>=0; i--){

document.getElementById('outer_Tag').removeChild(document.getElementById('outer_Tag').children(i));

}