DOM學習筆記

DOM1定義了node接口（除了IE，其餘瀏覽器均可以訪問這個類型）。 JavaScript中全部節點都繼承Node類型，所以全部節點共享基本屬性和方法。

-------------------基本屬性------------------------

一、nodeType

類型	常量名	值
element	ELEMENT_NODE	1
attribute	ATTRIBUTE_NODE	2
text	TEXT_NODE	3
cdata section	CDATA_SECTION_NODE	4
entity reference	ENTITY_REFERENCE_NODE	5
entity	ENTITY_NODE	6
processing instruction	PROCESSING_INSTRUCTION_NODE	7
comment	COMMENT_NODE	8
document	DOCUMENT_NODE	9
document type	DOCUMENT_TYPE_NODE	10
document fragment	DOCUMENT_FRAGMENT_NODE	11
notation	NOTATION_NODE	12

二、nodeName & nodeValue

這兩個屬性的取值取決於nodeType。對於元素節點（element），nodeName爲元素的標籤名，nodeValue的null。

 

三、後代節點列表: childNodes

var firstNode = someNode.childNodes[0];
var secondNode = someNode.childNodes.item(1);
var count = someNodes.childNodes.length;

使用item()和[]訪問數組元素的效果相同。

 

---

document對象

一些好用的屬性：

一、document.title

二、document.URL

三、document.domain 

這個屬性是可寫的。能夠設置相同domain來實現跨域。

不過有一個限制是：若是域名開始時鬆散的，則不能將其設置爲緊繃的。如：不能講"wrox.com"這隻爲「p2p.wrox.com」

四、document.referrer

五、document.getElementById() (id是應該區分大小寫的，可是IE8及如下版本不區分)

六、document.getElementsByTagName()

返回結果是一個HTMLCollection對象，和NodeList對象的用法相似。