JavaScript节点 javascript节点操作

根据DOM，HTML中每一个成分都是一个节点

DOM这样规定

1.整个文档是一个文档节点

2.每个html标签是一个元素节点

3.包含在html元素中文本是文本节点

4.每个html属性是一个属性节点

5.注释属于注释节点

一、如何获得节点引用

A、旧的获取方式

1.document.getElementById("")

2.document.getElementsByTagName("")

3.document.getElementsByName("")

劣势：1、浪费内存2、逻辑性不强

B、通过节点 关系属性 获得节点引用

1. 对象.parentNode 获得父节点的引用

2. 对象.childNodes 获得子节点的集合

3. 对象.firstChild 获得第一个子节点

4. 对象.lastChild 获得最后一个节点

5. 对象.nextSibling 获得下一个兄弟节点的引用

6. 对象.previousSibling 获得上一个兄弟节点的引用

劣势：兼容性不好

二、节点的信息(属性)

下面举例说明

注意：

<p class="two"> </p>

<div class="two" id="innerdiv"></div>

p标签和div标签之间有一个文本节点。

<p class="two"> </p> <div class="two" id="innerdiv"></div>

此种书写方法，p标签和div标签之间没有文本节点。