JavaScriptDOM進階方法_基礎知識

一 DOM類型

類型名 說明
Node 表示所有類型值的統一接口,IE不支持;
Document 表示文檔類型;
Element 表示元素節點類型;
Text 表示文本節點類型;
Comment 表示文檔中的注釋類型;
CDATASection 表示CDATA區域類型;
DocumentType 表示文檔聲明類型;
DocumentFragment 表示文檔片段類型;
Attr 表示屬性節點類型;

1.Node類型

DOM1級定義了一個Node接口,該接口將由DOM中的所有節點類型實現;
這個Node接口在JavaScript中是作為Node類型實現的;
除IE之外,在其他所有瀏覽器中都可以訪問到這個類型;

2.Document類型

// Document類型表示文檔,或文檔的根節點,而這個節點是隱藏的,沒有具體的元素標簽;
document; // document;
document.nodeType; // 9;類型值;
document.childNodes[0]; // DocumentType;第一個子節點對象;
document.childNodes[1]; // HTMLHtmlElement; 對象;

// 如果想直接得到標簽的元素節點對象HTMLHtmlElement,可以直接使用documentElement即可;
document.documentElement; // HTMLHtmlElement;

// 很多時候需要得到標簽,之前常用的是:document.getElementsByTagName('body')[0];
document.body; // HTMLBodyElement;

// 在之前還有一個文檔聲明:會作為瀏覽器的第一個節點來處理;
document.doctype; // DocumentType;

// 在Document中有一些遺留的屬性和對象集合,可以快速的幫助我們精確的處理任務;
// 屬性
document.title; // 獲取和設置