Ultimele tutoriale de dezvoltare web
 

HTML DOM firstElementChild Propery

<Element Object

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

Exemple

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 »

<Element Object