品易云推流 关闭
文章详情页
文章 > JavaScript > js中dom怎么添加、删除节点

js中dom怎么添加、删除节点

头像

宋雪维

2021-01-19 17:18:003061浏览 · 0收藏 · 0评论

JavaScript中dom有节点构成,节点的操作推动着dom功能的发挥。想要对dom添加或删除节点,首先要先创建节点,使用appendChild()方法添加节点,使用removeChid()方法删除节点。

1、创建节点

createDocumentFragment() // 创建一个DOM片段
createElement() // 创建一个具体的元素
createTextNode() // 创建一个文本节点

2、添加节点:appendChild()方法

该方法添加的元素位于父元素的末尾。

var ele = document.getElementById("my_div");
var oldEle = document.createElement("p");
var newEle=document.createElement("div");
ele.appendChild(oldEle);

3、删除节点:removeChid()方法

用父节点删除子节点。必须要指定是删除哪个子节点。

const ulNode = document.querySelectorAll('.list')[0],
	  liNodes = document.querySelectorAll('.item');
ulNode.removeChild(liNodes[1]);

以上就是就是JavaScript中dom添加和删除节点的方法和具体代码示例,希望能帮到你哦~更多JavaScript学习推荐:JavaScript教程

关注

关注公众号,随时随地在线学习

本教程部分素材来源于网络,版权问题联系站长!

底部广告图