HTML DOM parentElement Özelliği
Örnek
Bir <li> öğesinin üst öğesinin düğüm adını alın:
var x = document.getElementById("myLI").parentElement.nodeName;
Aşağıda daha fazla "Kendiniz Deneyin" örnekleri.
Tanım ve Kullanım
parentElement özelliği, belirtilen öğenin üst öğesini döndürür.
parentElement ve parentNode arasındaki fark , ebeveyn düğümü bir öğe düğümü değilse parentElement öğesinin null değerini döndürmesidir:
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)
Çoğu durumda, hangi özelliği kullandığınızın önemi yoktur, ancak parentNode muhtemelen en popüler olanıdır.
Bu özellik salt okunurdur.
Tarayıcı Desteği
Tablodaki sayılar, özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtir.
Property | |||||
---|---|---|---|---|---|
parentElement | 1.0 | Yes | 9.0 | Yes | Yes |
Sözdizimi
node.parentElement
Teknik detaylar
Geri dönüş değeri: | Bir düğümün üst öğe düğümünü temsil eden bir Element nesnesi veya düğümün üst öğesi yoksa null |
---|---|
DOM Sürümü | DOM Seviye 4 Öğe Nesnesi |
Daha fazla örnek
Örnek
Üst öğesini (<div>) gizlemek için bir öğeye (<span>) tıklayın:
<div>
<span onclick="this.parentElement.style.display = 'none';">x</span>
</div>