JavaScript如何进行HTML DOM元素节点操作全面总结？

本文共计1685个文字，预计阅读时间需要7分钟。

前言：在文档对象模型（DOM）中，每个节点都是一个对象。DOM节点有三个重要的属性：

1. nodeName：节点的名称

2.nodeValue：节点的值

3.nodeType：节点的类型

节点类型：

- 元素节点：1- 属性节点：2- 文本节点：3

前言

在文档对象模型 (DOM) 中，每个节点都是一个对象。DOM 节点有三个重要的属性 ：

1. nodeName : 节点的名称

2. nodeValue ：节点的值

3. nodeType ：节点的类型

节点类型：元素 1 ，属性 2 ，文本 3 ，注释 8，文档 9。

一、添加和删除节点（HTML 元素）

1、创建节点

1）创建该元素（元素节点）；

2）向一个已存在的元素追加该元素。

语法：appendChild(newnode)

eg:

<div id="div1"> <p id="p1">这是一个段落</p> <p id="p2">这是另一个段落</p> </div> <script> var para=document.createElement("p"); var node=document.createTextNode("这是新段落。