javascript怎么删除div节点


本文摘自PHP中文网,作者青灯夜游,侵删。

方法:1、首先获取div节点,然后使用remove()来删除div节点,语法“div节点.remove();”。2、首先获取div的父节点,然后获取div节点,最后使用“父节点.removeChild(div节点)”语句来删除div节点。

本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。

方法1:使用remove()删除节点

remove()方法可用于删除父节点上的所有元素,包括所有文本和子节点。

示例:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8">

</head>

   

<body>

    <div style="border: 2px dashed #006DAF;padding: 10px;">div元素</div>

    <input id="btn" type="button" value="删除子节点">

</body>

<script>

    function deleteChild() {

        var div = document.querySelector("div");

 

            div.remove();

 

    }

    var btn = document.getElementById("btn").onclick = function() {

        deleteChild();

    }

</script>

   

</html>

效果图:

2.gif

方法2:使用removeChild()删除节点

removeChild() 方法用于删除父节点上的一个子节点。

阅读剩余部分

相关阅读 >>

影响页面加载时间的5个常见错误

什么是js深拷贝和浅拷贝及其实现方式

javascript怎么修改html内容

javascript怎么将时间戳转为日期格式

javascript中的splice()的正确使用

javascript怎么执行cmd命令

js如何引入css外部文件

记录javascript的学习笔记

javascript没有名称的函数叫什么

javascript预编译做了啥

更多相关阅读请进入《javascript》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...