如何通过JavaScript HTML DOM节点操作实现复杂页面元素管理？

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

前言：在文档对象模型（DOM）中，每个节点都是一个对象。DOM节点有三个重要属性：1. nodeName：节点的名称；2. nodeValue：节点的值；3. nodeType：节点的类型。节点类型：元素节点 1，属性节点 2。

前言

在文档对象模型 (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("这是新段落。