Properti parentElement HTML DOM Element

Definisi dan penggunaan

parentElement properti mengembalikan elemen orangtua dari elemen yang ditentukan.

parentElement dan parentNode Perbedaan antara, jika node orangtua bukan node elemen, maka parentElement Kembalikan 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 orangtua)

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

Properti ini hanya baca.

Node HTML dan elemen

Di HTML DOM（Dokumentasi Model Dokumen）dimana 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.

Sementara elemen hanya node elemen.

Sub node dan sub elemen

childNodes KembalikanSub node（node elemen, node teks, dan node catatan）.

children KembalikanSub elemen（bukan node teks dan node catatan）.

Kembaran dan kembaran elemen

KembaranMerupakan 'kakak' dan 'adik'.

KembaranAdalah node yang memiliki node orangtua yang sama (di dalam childNodes daftar).

Kembaran elemenAdalah elemen yang memiliki orangtua yang sama (di dalam children daftar).

Contoh

Contoh 1

Ambil nama node dari elemen orangtua <li>:

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

Coba sendiri

Contoh 2

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

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

Coba sendiri

Syarat

node.parentElement

Nilai kembalian

Tipe Deskripsi
Objek Element Menunjukkan node orangtua dari node.
null Jika node ini tidak memiliki node orangtua.

Dukungan perpustakaan

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

Semua peramban mendukungnya sepenuhnya:

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