Comparedocumentposition()

Metode Node.compareDocumentPosition() (Core Level 1) membandingkan dua buah Node, dan hasil perbandingan itu mengembalikan unsigned short yang menawarkan posisi antar mereka di dalam document tree.

Sintaks:

Metode Node.compareDocumentPosition() di dukung oleh dominan browser: IE9, Opera, Firefox, Google Chrome, dan Safari.

Unsigned short yang dikembalikan:

• 1 – Tidak ada hubungan, kedua Node yang dibandingkan tidak terdapat di dalam satu dokumen yang sama.
• 2 – Node memiliki posisi sehabis other atau other memiliki posisi sebelum Node.

  Contoh:

  <P><B ID="a">A</B> dan <B ID="b">B</B></P> <SCRIPT TYPE="text/javascript"> var a = document.getElementById("a"); var b = document.getElementById("b"); if (b.compareDocumentPosition(a) === 2) { alert("true"); // ini dijalankan. }else{ alert("false"); } </SCRIPT>
• 4 – Node memiliki posisi sebelum other atau other memiliki posisi sehabis Node.

  Contoh:

  <P><B ID="a">A</B> dan <B ID="b">B</B></P> <SCRIPT TYPE="text/javascript"> var a = document.getElementById("a"); var b = document.getElementById("b"); if (a.compareDocumentPosition(b) === 4) { alert("true"); // ini dijalankan. }else{ alert("false"); } </SCRIPT>
• 10 – Node memiliki posisi di dalam other atau other ialah parent dari Node.

  Contoh:

  <P ID="myp"><B ID="myb">Lorem imsum…</B></P> <SCRIPT TYPE="text/javascript"> var bElem = document.getElementById("myb"); var pElem = document.getElementById("myp"); if (bElem.compareDocumentPosition(pElem) === 10) { alert("true"); // ini dijalankan. }else{ alert("false"); } </SCRIPT>

  Atau Node ialah atribut dari other.

  <P ID="myp"></P> <SCRIPT TYPE="text/javascript"> var pElem = document.getElementById("myp"); var attr = document.getElementById("myp").attributes.item(0); if (attr.compareDocumentPosition(pElem) === 10) { alert("true"); // ini dijalankan. }else{ alert("false"); } </SCRIPT>

Sebenarnya masih banyak lagi, pola di bawah ini membandingkan dua atribut di dalam elemen P, CLASS dan ID: