JavaScript 节点的属性

节点的属性：

序号

属性名称

功能

0

childNodes

得到节点的所有子节点，已数组的形式保存

1

firstChild

得到节点的第一个子节点 等价于 childNodes[0]

2

lastChild

得到节点的最后一个子节点

3

parentNode

得到节点的父节点

4

nextSibling

得到后一个兄弟节点（没有则返回空值null）

5

previousSibling

得到前一个兄弟节点（没有则返回空值null）

6

nodeName 

以字符串的形式返回节点的名称，在不同的节点返回的值是不一样的：

a.       元素节点，返回节点的标签名称。例如: 段落元素返回 p

b.       属性节点，返回属性的名称

c.       文本节点，返回固定的内容“#text”

7

nodeValue

得到节里的值，一般用来返回的是文本节点的文字内容

 

 

 

 

 

节点的方法：

序号

方法名称

功能

0

getAttribute()

读取目标元素的属性值

1

setAttribute()

为元素节点创建属性并赋值

 

 

 

操作节点的方法：

序号

属性名称

功能

0

createElement(标签名)

新建HTML元素 节点

1

createTextNode(文本)

新建文本节点

2

cloneNode(true/false)

复制节点 （当参数为true时 复制节点以及其所有子节点）

3

appendChild(子节点)

添加子节点 

4

insertBefore( 待插入节点，现有节点)

在现有节点之前插入节点;该方法 有现有节点的父级节点调用

5

replaceChild(新节点，旧节点)

将旧节点替换为新节点

6

removeChild(子节点)

删除子节点