previousSibling

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 elemen I adalah sibling, karena sama-sama child node dari elemen P.
• Elemen B mempunyai nextSibling, yaitu elemen I, sedangkan elemen I tidak mempunyai nextSibling.
• Elemen B tidak mempunyai previousSibling, sedangkan elemen I mempunyai previousSibling, yaitu elemen B.

Jadi di sini properti Node.previousSibling (Core Level 1) mereferensi kepada Node yang merupakan sibling, di mana sibling itu mempunyai posisi disebelumnya dari Node yang ditetapkan.

Sintaks:

Node.previousSibling

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

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

Contoh di bawah ini mengembalikan teks dari previousSibling elemen I ber-ID y:

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