Properti parentElement Element DOM HTML

Definisi dan penggunaan

parentElement properti mengembalikan parent elemen elemen yang ditentukan.

parentElement dan parentNode perbedaan adalah, jika node parent bukan node elemen, maka parentElement Mengembalikan null:

document.body.parentNode; // Mengembalikan elemen <html>
document.body.parentElement; // Mengembalikan elemen <html>
document.documentElement.parentNode; // Mengembalikan node dokumen
document.documentElement.parentElement; // Mengembalikan null (<html> tidak memiliki node ELEMENT parent)

Dalam sebagian besar kasus, pentingnya pilih properti mana tidak penting, tetapi parentNode mungkin yang paling populer.

Properti ini adalah hanya-baca.

Node HTML dan elemen

di HTML DOM(Model Dokumen Objet) di mana dokumen HTML adalah kumpulan node yang memiliki (atau tidak memiliki) node anak.

Nodemerupakan node elemen, node teks dan node catatan.

Elemenantara spasi juga adalah node teks.

sedangkan elemen hanya node elemen.

Anak node dan anak elemen

childNodes MengembalikanAnak node(node elemen, node teks dan node catatan).

children MengembalikanAnak elemenyang bukan node teks dan node catatan).

Kembaran dan kembaran elemen

Kembaranmerupakan 'kakak' dan 'adik'.

Kembaranadalah node yang memiliki parent yang sama (di dalam childNodes di dalam daftar.).

Kembaran elemenadalah elemen yang memiliki parent yang sama (di dalam children di dalam daftar.).

Contoh

Contoh 1

Dapatkan nama node dari parent node elemen <li>:

var x = document.getElementById("myLI").parentElement.nodeName;

Coba sendiri

Contoh 2

Klik elemen (<span>) untuk menyembunyikan elemen parentnya (<div>):

<div>
  <span onclick="this.parentElement.style.display = 'none';">x</span>
</div>

Coba sendiri

Sintaks

node.parentElement

Nilai kembalian

Tipe Deskripsi
Objek Element mewakili node parent elemen.
null jika node ini tidak memiliki parent node.

Dukungan pemeriksa

element.parentElement adalah fitur DOM Level 3 (2004).

Semua pelayar menyokongnya sepenuhnya:

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