DOM學習

//Node 類型 Node type
Node.ELEMENT_NODE(1);     //元素節點
Node.ATTRIBUTE_NODE(2);  //屬性節點
Node.TEXT_NODE(3); //文本節點
Node.CDATA_SECTION_NODE(4);
Node.ENTITY_REFERENCE_NODE(5);
Node.ENTITY_NODE(6);
Node.PROCESSING_INSTRUCTION_NODE(7);
Node.COMMENT_NODE(8);
Node.DOCUMENT_NODE(9);
Node.DOCUMENT_TYPE_NODE(10);
Node.DOCUMENT_FRAGMENT_NODE(11);
Node.NOTATION_NODE(12);

if(node1.nodeType == Node.ELEMENT_NODE) {   //在IE中文無效
	console.log('node1 is an element');
}

//通用
if(node1.nodeType == 1) {
	console.log('node1 is an element');
}

//NodeName 和 NodeValue
if(node2.nodeType = 1) {  //只用元素節點才具有
	console.log(node2.nodeName);
	vale = node2.nodeValue;
}

1、我們需要記住的有幾個節點類型  分別是： Node.ELEMENT_NODE(1)、Node.ATTRIBUTE_NODE(2)、Node.TEXT_NODE(3)、Node.DOCUMENT_NODE(9)、Node.FRAGMENT_NODE(11)、Node.COMMENT_NODE(8)這幾種節點類型；

2、當我們在判斷節點類型的時候： 我們不能用節點名稱去判斷，因在IE中判斷是無效的；

3、nodeName和NodeValue是隻有元素節點才具有的；

4、每個Node節點具有一個ChildNodes屬性，其中保存着一個NodeList對象，NodeList是一種類數組對象，用於保存一組有序的節點；NodeList對象的獨特之處在於，它實際上是基於DOM結構動態查詢的結果，因此DOM結構的變化能夠自動反應在NodeList對象中。