Saturday, July 28, 2012

nextSibling

Jika child node dengan child node lainnya mempunyai level yang sama dan mempunyai parent node yang sama di dalam node-tree, maka mereka itu yang disebut sibling.

Sebagai contoh di bawah ini:

<P><B ID="myB">Bold text.</B><I ID="myI">Italic text.</I></P>

Untuk contoh di atas:

  • Elemen B dan I adalah sibling, karena mereka sama-sama child node P.
  • Elemen B mempunyai nextSibling, yaitu I, sedangkan I tidak mempunyai nextSibling.
  • Elemen B tidak mempunyai previousSibling, sedangkan I mempunyai previousSibling, yaitu elemen B.

Jadi di sini properti nextSibling (Core Level 1) merefensi kepada Node yang merupakan sibling, di mana sibling itu mempunyai posisi disetelahnya dari Node yang ditetapkan.

Sintaks:

Node.nextSibling

Properti Node.nextSibling di dukung oleh mayoritas browser: IE, Opera, Firefox, Google Chrome, dan Safari.

Jika tidak ditemukan Node yang berada disetelahnya dari Node yang ditetapkan, null dikembalikan.

Contoh:

<P><B ID="x">Bold text.</B><I ID="y">Italic text.</I></P> <SCRIPT TYPE="text/javascript"> alert(document.getElementById("x").nextSibling.textContent); // "Italic text." </SCRIPT>