JavaScript中dom如何添加、删除节点

这篇文章将为大家详细讲解有关JavaScript中dom如何添加、删除节点，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。

javascript是一种什么语言

javascript是一种动态类型、弱类型的语言，基于对象和事件驱动并具有相对安全性并广泛用于客户端网页开发的脚本语言，同时也是一种广泛用于客户端Web开发的脚本语言。它主要用来给HTML网页添加动态功能，现在JavaScript也可被用于网络服务器，如Node.js。

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如何添加、删除节点”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，使各位可以学到更多知识，如果觉得文章不错，请把它分享出去让更多的人看到。