document 學習筆記

一、概述

document 物件是文件的根節點每張網頁都有自己的document物件。window.document屬性就指向這個物件。只要瀏覽器開始載入 html 文件，該物件就存在了，可以直接使用。

document物件有不同的辦法可以獲取。

正常的網頁，直接使用document或window.document。 iframe框架裡面的網頁，使用iframe節點的contentdocument屬性。 ajax 操作返回的文件，使用xmlhttprequest物件的respon***ml屬性。

內部節點的ownerdocument屬性。

document物件繼承了eventtarget介面、node介面、parentnode介面。這意味著，這些介面的方法都可以在document物件上呼叫。除此之外，document物件還有很多自己的屬性和方法。

二、屬性

2.1 快捷方式屬性

以下屬性是指向文件內部的某個節點的快捷方式。

（1）document.defaultview

document.defaultview屬性返回document物件所屬的window物件。如果當前文件不屬於window物件，該屬性返回null。

document.defaultview === window // true

（2）document.doctype

對於 html 文件來說，document物件一般有兩個子節點。第乙個子節點是document.doctype，指向節點，即文件型別（document type declaration，簡寫dtd）節點。html 的文件型別節點，一般寫成。如果網頁沒有宣告 dtd，該屬性返回null。

(3)document.documentelement

document.documentelement屬性返回當前文件的根節點（root）。它通常是document節點的第二個子節點，緊跟在document.doctype節點後面。html網頁的該屬性，一般是節點。

(4)document.body，document.head

document.body屬性指向節點，document.head屬性指向節點。

這兩個屬性總是存在的，如果網頁原始碼裡面省略了或，瀏覽器會自動建立。另外，這兩個屬性是可寫的，如果改寫它們的值，相當於移除所有子節點。

（5）document.scrollingelement

document.scrollingelement屬性返回文件的滾動元素。也就是說，當文件整體滾動時，到底是哪個元素在滾動。

// 頁面滾動到瀏覽器頂部
document.scrollingelement.scrolltop =
0;

（6）document.activeelement

document.activeelement屬性返回獲得當前焦點（focus）的 dom 元素。通常，這個屬性返回的是、、等表單元素，如果當前沒有焦點元素，返回元素或null。

（7）document.fullscreenelement

document.fullscreenelement屬性返回當前以全屏狀態展示的 dom 元素。如果不是全屏狀態，該屬性返回null。

if
(documet.fullscreenelement.nodename ==
'video'
)

2.2節點集合屬性

以下屬性返回乙個htmlcollection例項，表示文件內部特定元素的集合。這些集合都是動態的，原節點有任何變化，立刻會反映在集合中。

（1）document.links

document.links屬性返回當前文件所有設定了href屬性的及節點。

var links = document.links;
for(
var i =
0; i)