js怎么删除html页面全部p标签

时间:2024-10-21 08:47:45

1、新建一个html文件,命名为test.html,用于讲解js怎么删除html页面全部p标签。

js怎么删除html页面全部p标签

2、在test.html文件中,使用div标签,p标签创建三行内容。

js怎么删除html页面全部p标签

3、在test.html文件中,使用button标签创建一个按钮,给button绑定onclick点击事件,当按钮被点击时,执行delpp()函数。

js怎么删除html页面全部p标签

4、在js标签内,创建delpp()函数,在函数内,通过元素名称,使用getElementsByTagName()方法获得所有p标签对象。

js怎么删除html页面全部p标签

5、在函数内,通过while()循环遍历每一个p标签元素,并通过removeChild()方法将p元素删除。

js怎么删除html页面全部p标签

6、在浏览器打开test.html文件,点击按钮,查看源代码结果。

js怎么删除html页面全部p标签
js怎么删除html页面全部p标签
© 手抄报圈