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

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

成都创新互联公司专注为客户提供全方位的互联网综合服务，包含不限于成都网站制作、成都做网站、外贸营销网站建设、五寨网络推广、成都小程序开发、五寨网络营销、五寨企业策划、五寨品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等，从售前售中售后，我们都将竭诚为您服务，您的肯定，是我们最大的嘉奖；成都创新互联公司为所有大学生创业者提供五寨建站搭建服务，24小时服务热线：028-86922220，官方网址：www.cdcxhl.com

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