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 mempunyainextSibling
. - 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>