Exemplu
Obține conținutul HTML al primului element copil al unui <ul> Element:
var x = document.getElementById("myList").firstElementChild.innerHTML;
Rezultatul x va fi:
Coffee
Încearcă - l singur » Mai multe "Try it Yourself" - "Try it Yourself" exemplele de mai jos.
Definiție și utilizare
Proprietatea firstElementChild returnează primul element copil al elementului specificat.
Diferența dintre această proprietate și firstChild , este ca firstChild returneaza primul nod copil ca un nod element de , un nod text sau un comentariu nod (depending on which one's first) în (ignores text and comment nodes) (depending on which one's first) , în timp ce firstElementChild returneaza primul nod copil ca un nod element de (ignores text and comment nodes) .
Această proprietate este read-only.
Sfat: Folosiți copiii proprietatea de a returna orice element copil al unui element specificat. copii [0] va produce același rezultat ca și firstElementChild.
Sfat: Pentru a reveni ultimul element copil al unui element specificat, utilizați lastElementChild proprietate.
Suport pentru browser-
Proprietate | |||||
---|---|---|---|---|---|
firstElementChild | 2.0 | 9 | 3.5 | 4 | 10.0 |
Sintaxă
element .firstElementChild
Detalii tehnice
Întoarcere Valoare: | Un obiect Node, reprezentând primul element copil al unui element, sau nulă în cazul în care nu există elemente copil |
---|---|
DOM Versiunea | Nivelul de bază 3 Element Traversare |
Mai multe exemple
Exemplu
Ia numele tag al primului element copil al unui <div> Element:
var x = document.getElementById( "myDIV" ).firstElementChild.tagName;
document.getElementById("demo").innerHTML = x;
Rezultatul x va fi:
P
Încearcă - l singur » Exemplu
Ia textul primului nod element al unui <select> Element:
var x = document.getElementById("mySelect").firstElementChild.text;
Rezultatul x va fi:
Audi
Încearcă - l singur »