Properti elemen induk DOM HTML
Contoh
Dapatkan nama simpul dari elemen induk dari elemen <li>:
var x = document.getElementById("myLI").parentElement.nodeName;
Lebih banyak contoh "Coba Sendiri" di bawah ini.
Definisi dan Penggunaan
Properti parentElement mengembalikan elemen induk dari elemen yang ditentukan.
Perbedaan antara parentElement dan parentNode , adalah bahwa parentElement mengembalikan null jika simpul induk bukan simpul elemen:
document.body.parentNode; // Returns the <html> element
document.body.parentElement; // Returns the <html> element
document.documentElement.parentNode; // Returns the Document node
document.documentElement.parentElement; // Returns null (<html> does not have a parent ELEMENT node)
Dalam kebanyakan kasus, tidak masalah properti mana yang Anda gunakan, namun, parentNode mungkin yang paling populer.
Properti ini hanya-baca.
Dukungan Peramban
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung properti.
Property | |||||
---|---|---|---|---|---|
parentElement | 1.0 | Yes | 9.0 | Yes | Yes |
Sintaksis
node.parentElement
Detail Teknis
Nilai Kembali: | Objek Elemen, mewakili simpul elemen induk dari sebuah simpul, atau null jika simpul tersebut tidak memiliki induk |
---|---|
Versi DOM | Objek Elemen Level 4 DOM |
Lebih Banyak Contoh
Contoh
Klik elemen (<span>) untuk menyembunyikan elemen induknya (<div>):
<div>
<span onclick="this.parentElement.style.display = 'none';">x</span>
</div>