元素节点的属性

---

一、元素节点的关联属性

1.DOM节点的类型

（1）元素节点（Element Node）：DOM结构中的标记名称
（2）属性节点（Attribute Node）：DOM结构中标记的HTML属性及其取值
（3）文本节点（Text Node）：DOM结构中标记对之间的文本和标记之间的空格间隔

2、查找元素节点的子节点

（1）firstChild：查找元素节点中第一个子节点（包含文本节点）
firstElementChild：查找元素节点中的第一个子元素节点。
（2）lastChild：查找元素节点中最有一个子节点（包含文本节点）
lastElementChild：查找元素节点中的最后一个子元素节点。
（3）childNodes：查找元素节点中的所有子节点（包含文本节点）

var temp=book.childNodes;
conosle.log(temp[index]);   //索引值index为奇数时，所表示的节点时元素节点

（4）children：查找元素节点中的所有子元素节点

例一： 找出book内部所有的子元素节点。
方法1： 利用childNodes属性，跳过索引值为偶数的部分。

var nodes=bookNode.childNodes;
for(var i=1;i<nodes.length;i+=2){
 	console.log(nodes[i].tagName.toLowerCase());
}

方法2： 利用children属性。

var nodes=bookNode.children;
for(var i=0;i<nodes.length;i++){
 	console.log(nodes[i].tagName.toLowerCase());
}

3.查找父元素

parentNode：查找元素节点的父节点（可以是元素节点，也可以是文档根节点），直到元素节点，再继续找可以找到文档根节点。
parentElement：查找元素节点的父节点，直到元素节点。
上两个属性，没有找到返回null。

offsetParent：查找到元素节点的最近的非流式定位的父元素。
若一个元素节点的父元素和祖先元素都没有非流式定位，则返回元素节点。

3、节点类型

元素类型	NodeType
文档	9
元素	1
属性	2
文本	3
注释	8