摘要：另外，以及這兩個(gè)方法，在測(cè)試了一下，并無(wú)反應(yīng)。不知是否兼容問(wèn)題。下面是獲得焦點(diǎn)的時(shí)候，自動(dòng)以每毫秒的速度往下滾屏

頁(yè)面的文檔模式是由IE8引入的，文檔模式?jīng)Q定了可以使用的CSS級(jí)別、JS中的API以及如何對(duì)待文檔類型（doctype）；在IE9，提供了4中文檔模式：

IE5：混雜模式；

IE7：IE7標(biāo)準(zhǔn)模式渲染頁(yè)面；

IE8：IE8標(biāo)準(zhǔn)模式渲染頁(yè)面，可以使用Selectors API、更多CSS2級(jí)選擇符和某些CSS3功能、HTML5的一些功能；

IE9：IE9標(biāo)準(zhǔn)模式渲染頁(yè)面，這個(gè)文檔模式是最高級(jí)的模式；

要強(qiáng)制瀏覽器以某種模式渲染頁(yè)面，可以使用HTTP頭部信息X-UA-Compatible，或通過(guò)等價(jià)的meta標(biāo)簽來(lái)設(shè)置：

其中IEVersion有以下取值：

Edge：始終以最新的文檔模式來(lái)渲染頁(yè)面；

EmulateIE9：如果有文檔類型聲明，以IE9標(biāo)準(zhǔn)模式渲染頁(yè)面，否則將文檔模式設(shè)置為IE5；

EmulateIE8：如果有文檔類型聲明，以IE8標(biāo)準(zhǔn)模式渲染頁(yè)面，否則將文檔模式設(shè)置為IE5；

EmulateIE7：如果有文檔類型聲明，以IE7標(biāo)準(zhǔn)模式渲染頁(yè)面，否則將文檔模式設(shè)置為IE5；

9：強(qiáng)制以IE9標(biāo)準(zhǔn)模式渲染頁(yè)面，忽略文檔類型聲明；

8：強(qiáng)制以IE8標(biāo)準(zhǔn)模式渲染頁(yè)面，忽略文檔類型聲明；

7：強(qiáng)制以IE7標(biāo)準(zhǔn)模式渲染頁(yè)面，忽略文檔類型聲明；

5：強(qiáng)制以IE5標(biāo)準(zhǔn)模式渲染頁(yè)面，忽略文檔類型聲明；

如：

或直接使用IE7模式：

通過(guò)document.documentMode屬性可以知道給定頁(yè)面使用的是什么文檔模式。

該屬性只包含元素中同樣還是元素的子節(jié)點(diǎn)，除此之外，該屬性與childNodes沒(méi)區(qū)別；

console.log(document.body.children.length);

IE<9的瀏覽器有bug；

前者調(diào)用的應(yīng)該是祖先節(jié)點(diǎn)，接收一個(gè)參數(shù)即要檢測(cè)的后代節(jié)點(diǎn)；后者則是DOM Level 3中的，會(huì)返回如下掩碼：

Bits Number Meaning

000000 0 元素一致

000001 1 節(jié)點(diǎn)在不同的文檔（或者一個(gè)在文檔之外）

000010 2 節(jié)點(diǎn) B 在節(jié)點(diǎn) A 之前

000100 4 節(jié)點(diǎn) A 在節(jié)點(diǎn) B 之前

001000 8 節(jié)點(diǎn) B 包含節(jié)點(diǎn) A

010000 16 節(jié)點(diǎn) A 包含節(jié)點(diǎn) B

100000 32 瀏覽器的私有使用

對(duì)于contains()方法，如下：

console.log(document.documentElement.contains(document.body)); //true

對(duì)于compareDocumentPosition()方法則：

var result = document.getElementById("divId").compareDocumentPosition(document.getElementById("pId"));
//4，給定的節(jié)點(diǎn)pId在參考的節(jié)點(diǎn)divId的后面，居后
var result = document.getElementById("pId").compareDocumentPosition(document.getElementById("divId"));
//2，給定的divId在參考的pId的前面，居前
var result = document.documentElement.compareDocumentPosition(document.body);
//20（16+4），給定的body被包含于參考的html中并且位于其之后
var result = document.body.compareDocumentPosition(document.documentElement);
//10（8+2），給定的html是參考的body的祖先并且位于其前
var result = document.body.compareDocumentPosition(document.body);
//0 元素一致；

該屬性可以操作元素中包含的所有文本內(nèi)容；以下面代碼示例：

    
This is a paragraph with a list following it.
    

        
Item 1
        
Item 2
        
Item 3
    

其innerText屬性會(huì)返回如下字符串：

This is a paragraph with a list following it.

Item 1
Item 2
Item 3

如果設(shè)置其innerText，則會(huì)變成這樣：

document.getElementById("content").innerText = "hello there";

console.log(document.body.outerHTML);
// 
//     
hello there
//     
// 

如果在其中加入了html標(biāo)簽，則會(huì)變成這樣：

document.getElementById("content").innerText = "
hello there
";

console.log(document.body.outerHTML);
// 
//     
hello there
//     
// 

利用這一點(diǎn)可以用這個(gè)屬性去掉所有的html標(biāo)簽，如下：

document.getElementById("content").innerText = document.getElementById("content").innerText;

console.log(document.body.outerHTML);
// 
//     
This is a paragraph with a list following it.

Item 1
Item 2
Item 3
//     
// 

值得注意的是Firefox雖然不支持innerText，但支持textContent屬性。為了兼容性，應(yīng)采用下面的代碼：

function getInnerText(element) {
    if (typeof element.textContent == "string") {
        return element.textContent;
    } else {
        return element.innerText;
    }
}
function setInnerText(element, text) {
    if (typeof element.textContent == "string") {
        element.textContent = text;
    } else {
        element.innerText = text;
    }
}

與innerText屬性的區(qū)別：

var div = document.getElementById("content");
div.innerText = "hello there";
console.log(document.body.innerHTML); //
hello there

var div = document.getElementById("content");
div.outerText = "hello there";
console.log(document.body.innerHTML); //hello there

因?yàn)檫@個(gè)屬性會(huì)導(dǎo)致調(diào)用它的元素不存在，因此這個(gè)屬性并不常用

主要有以下幾個(gè)方法：

scrollIntoView()：true的話盡量顯示在頂端，false的話則是底部；

scrollIntoViewIfNeeded(alignCenter)：如果為true，則表示盡量將元素顯示在視口中部；

scrollBy(xnum,ynum)：xnum 必需，把文檔向右滾動(dòng)的像素?cái)?shù)；ynum必需，把文檔向下滾動(dòng)的像素?cái)?shù)。

另外，scrollByLinew(lineCount)以及scrollByPages(pageCount)這兩個(gè)方法，在chrome測(cè)試了一下，并無(wú)反應(yīng)。不知是否兼容問(wèn)題。

下面是document獲得焦點(diǎn)的時(shí)候，自動(dòng)以每10毫秒的速度往下滾屏：

var x = setTimeout(focus, 10);
function focus() {
    if (document.hasFocus()) {
        window.scrollBy(0,1);
    }
var y = setTimeout(focus, 10);
}