javascript中节点怎么删除


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

javascript删除节点的方法:1、使用remove()方法,可用于删除父节点上的所有元素,包括所有文本和子节点;2、使用removeChild()方法,可用于删除父节点上的一个子节点。

本教程操作环境:windows7系统、ECMAScript 5版、Dell G3电脑。

在JavaScript中,可以使用removeChild()或remove()方法来删除节点。

1、使用使用removeChild()删除节点

removeChild() 方法删除指定元素的某个指定的子节点。以 Node 对象返回被删除的节点,如果节点不存在则返回 null。

语法

1

node.removeChild(node)

  • node:必需。您希望删除的节点对象。

示例:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

</head>

<body>

 

<ul id="myList"><li>Coffee</li><li>Tea</li><li>Milk</li></ul>

<p id="demo">单击按钮移除列表的第一项</p>

<button onclick="myFunction()">点我</button>

<script>

function myFunction(){

    var list=document.getElementById("myList");

    list.removeChild(list.childNodes[0]);

}

</script>

 

</body>

</html>

效果图:

2.gif

【推荐学习:js基础教程】

2、使用remove()方法删除节点

阅读剩余部分

相关阅读 >>

javascript中类型检查:typeof和instanceof操作符的区别

理解并优化javascript代码

javascript获取日期的方法是什么

javascript如何显示隐藏div

如何使用javascript消除readonly

javascript如何修改div内容

总结javascript中遍历数组的几种方法

javascript高阶函数的用法介绍

十五条 javascript 编程技巧

javascript采用什么方式继承

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




打赏

取消

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

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

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

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

评论

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