Atribut previousSibling Element DOM HTML

Definisi dan penggunaan

previousSibling Atribut mengembalikan node yang sama tingkatan pohon dengan objek Node.

previousSibling Atribut ini hanya baca.

Keterangan:Jika tidak ada node previousSibling, nilai yang kembali adalah null.

Perhatian

previousSibling Kembalikan node saudara yang sebelumnya: node elemen, node teks, atau node catatan.

Jarak putar antara elemen juga adalah node teks.

Pilihan:

Atribut previousElementSibling - Kembalikan saudara elemen sebelumnya (abaikan node teks dan komentar).

Lihat juga:

Properti nextSibling

Properti firstChild

Properti lastChild

Properti childNodes

Properti hasChildNodes()

Node HTML dan Elemen

Dalam HTML DOMdalam (Document Object Model), dokumen HTML adalah kumpulan node yang memiliki (atau tidak memiliki) anak node.

NodeMerupakan node elemen, node teks, dan node komentar.

ElementRuang antara mereka juga adalah node teks.

Sementara elemen hanya node elemen.

Saudara dan Saudara Elemen

SaudaraMerupakan 'saudara' dan 'saudari'.

SaudaraAdalah node yang memiliki node orangtua yang sama (pada yang sama childNodes dalam daftar).

Saudara elemenAdalah elemen yang memiliki orangtua yang sama (pada yang sama children dalam daftar).

Anak node dan anak elemen

childNodes KembalikanAnak node(Node element, node teks, dan node komentar).

children KembalikanAnak elemen(Tidak termasuk node teks dan komentar).

nextSibling dan nextElementSibling

nextSibling Kembalikan yang berikutnyaNode(Node element, node teks, atau node komentar). Ruang antara elemen juga adalah node teks.

nextElementSibling Kembalikan yang berikutnyaElement(Tidak mengembalikan node teks dan komentar).

previousSibling dan previousElementSibling

previousSibling Kembalikan yang sebelumnyaNode(Node element, node teks, atau node komentar). Ruang antara elemen juga adalah node teks.

previousElementSibling Kembalikan yang sebelumnyaElement(Tidak mengembalikan node teks dan komentar).

Contoh

Kembalian konten HTML saudara sebelumnya dalam daftar:

document.getElementById("item2").previousSibling.innerHTML;

Coba Sendiri

Syarat

element.previousSibling

atau

node.previousSibling

Kembalian nilai

Tipe Deskripsi
Node Node saudara sebelumnya.
null Jika tidak ada saudara sebelumnya.

Dukungan Peramban

element.previousSibling Adalah Fitur DOM Level 1 (1998).

Semua peramban mendukung penuhnya:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Dukungan 9-11 Dukungan Dukungan Dukungan Dukungan