HTML DOM firstElementChild Özelliği
Örnek
Bir <ul> öğesinin ilk alt öğesinin HTML içeriğini alın:
var x = document.getElementById("myList").firstElementChild.innerHTML;
Aşağıda daha fazla "Kendiniz Deneyin" örnekleri.
Tanım ve Kullanım
firstElementChild özelliği, belirtilen öğenin ilk alt öğesini döndürür.
Bu özellik ile firstChild arasındaki fark , firstChild'in ilk alt düğümü bir öğe düğümü, bir metin düğümü veya bir yorum düğümü (hangisi ilk olduğuna bağlı olarak) olarak döndürmesi, firstElementChild ise ilk alt düğümü bir öğe düğümü olarak döndürmesidir (metni yok sayar) ve yorum düğümleri).
Bu özellik salt okunurdur.
İpucu: Belirtilen bir öğenin herhangi bir alt öğesini döndürmek için children özelliğini kullanın . çocuklar[0], firstElementChild ile aynı sonucu üretecektir.
İpucu: Belirtilen bir öğenin son alt öğesini döndürmek için lastElementChild özelliğini kullanın.
Tarayıcı Desteği
Property | |||||
---|---|---|---|---|---|
firstElementChild | 2.0 | 9.0 | 3.5 | 4.0 | 10.0 |
Sözdizimi
element.firstElementChild
Teknik detaylar
Geri dönüş değeri: | Bir öğenin ilk alt öğesini temsil eden bir Node nesnesi veya alt öğe yoksa null |
---|---|
DOM Sürümü | Çekirdek Seviye 3 Eleman Geçişi |
Daha fazla örnek
Örnek
Bir <div> öğesinin ilk alt öğesinin etiket adını alın:
var x = document.getElementById("myDIV").firstElementChild.tagName;
document.getElementById("demo").innerHTML = x;
Örnek
Bir <select> öğesinin ilk öğe düğümünün metnini alın:
var x = document.getElementById("mySelect").firstElementChild.text;