HTML DOM compareDocumentPosition() 方法
實(shí)例
比較當(dāng)前字段與指定字段的文檔位置:
var p2=document.getElementById("p2");
p1.compareDocumentPosition(p2);
輸出結(jié)果:
嘗試一下 ?
定義和用法
compareDocumentPosition() 方法按照文檔順序,比較當(dāng)前節(jié)點(diǎn)與指定節(jié)點(diǎn)的文檔位置。
查看以上實(shí)例,返回值可能是:
1:沒有關(guān)系,這兩個(gè)節(jié)點(diǎn)不屬于同一個(gè)文檔。
2: 第一節(jié)點(diǎn)(P1)位于第二個(gè)節(jié)點(diǎn)后(P2)。
4:第一節(jié)點(diǎn)(P1)定位在第二節(jié)點(diǎn)(P2)前。
8: 第一節(jié)點(diǎn)(P1)位于第二節(jié)點(diǎn)內(nèi)(P2)。
16: 第二節(jié)點(diǎn)(P2)位于第一節(jié)點(diǎn)內(nèi)(P1)。
32:沒有關(guān)系的,或是兩個(gè)節(jié)點(diǎn)在同一元素的兩個(gè)屬性。
注意: 返回值可以是一個(gè)組合的值。即返回20意味著在P1 P2和P1(16)定位在P2(4)前。
瀏覽器支持
所有主要瀏覽器都支持 compareDocumentPosition() 方法
注意: Internet Explorer 8 及更早IE版本不支持該方法。
語法
參數(shù)
參數(shù) | 類型 | 描述 |
---|---|---|
node | Node object | 必須。你想比較的指定節(jié)點(diǎn)。 |
返回值
類型 | 描述 |
---|---|
Number | 比較當(dāng)前節(jié)點(diǎn)與指定節(jié)點(diǎn)的文檔位置 可能的返回值: 查看以上實(shí)例,返回值可能是: 1:沒有關(guān)系,這兩個(gè)節(jié)點(diǎn)不屬于同一個(gè)文檔。 2: 第一節(jié)點(diǎn)(P1)位于第二個(gè)節(jié)點(diǎn)后(P2)。 4:第一節(jié)點(diǎn)(P1)定位在第二節(jié)點(diǎn)(P2)前。 8: 第一節(jié)點(diǎn)(P1)位于第二節(jié)點(diǎn)內(nèi)(P2)。 16: 第二節(jié)點(diǎn)(P2)位于第一節(jié)點(diǎn)內(nèi)(P1)。 32:沒有關(guān)系的,或是兩個(gè)節(jié)點(diǎn)在同一元素的兩個(gè)屬性。 |
技術(shù)細(xì)節(jié)
DOM 版本 | Core Level 1 Node Object |
---|
更多建議: