tutorial pengembangan web terbaru
 

HTML DOM parentElement Propery

<Elemen Object

Contoh

Dapatkan nama node dari elemen induk dari <li> elemen:

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

Hasil x akan:

UL
Cobalah sendiri "

Lebih "Try it Yourself" contoh di bawah ini.

Definisi dan Penggunaan

Properti parentElement mengembalikan elemen induk dari elemen tertentu.

Perbedaan antara parentElement dan parentNode , adalah bahwa parentElement mengembalikan null jika node induk tidak node 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 peduli mana properti Anda gunakan, bagaimanapun, parentNode mungkin yang paling populer.

Properti ini adalah read-only.

Dukungan Browser

Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung properti.

Milik
parentElement 1.0 iya nih 9.0 iya nih iya nih

Sintaksis

node .parentElement

Rincian teknis

Kembali Nilai: Sebuah objek Elemen, mewakili node induk elemen node, atau null jika node tidak memiliki orangtua
DOM Versi DOM Level 4 Elemen Object
contoh

Contoh lebih

Contoh

Klik pada elemen (<span>) untuk menyembunyikan elemen induknya (<div>) :

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

<Elemen Object