Neueste Web-Entwicklung Tutorials
 

HTML DOM lastElementChild Propery

<Element Object

Beispiel

Holen Sie sich den HTML - Inhalt des letzten Kind - Element eines <ul> Element:

var x = document.getElementById("myList").lastElementChild.innerHTML;

Das Ergebnis von x wird sein:

Tea
Versuch es selber "

Mehr "Try it Yourself" Sie "Try it Yourself" Beispiele unten.


Definition und Verwendung

Die firstElementChild Eigenschaft gibt das letzte untergeordnete Element des angegebenen Elements.

Der Unterschied zwischen dieser Eigenschaft und lastchild , ist das lastchild des letzten untergeordneten Knoten als ein Element Knoten zurückgibt, ein Textknoten oder einen Kommentarknoten (depending on which one's last) , (ignores text and comment nodes) (depending on which one's last) , während lastElementChild den letzten untergeordneten Knoten als ein Element Knoten zurückzugibt (ignores text and comment nodes) .

Diese Eigenschaft ist schreibgeschützt.

Tipp: Verwenden Sie die Kinder Eigenschaft jedes Kind - Element eines bestimmten Elements zurückzukehren.

Tipp: Um das erste untergeordnete Element eines bestimmten Elements zurückgeben, die Verwendung firstElementChild Eigenschaft.


Browser-Unterstützung

Eigentum
lastElementChild 2.0 9.0 3.5 4.0 10.0

Syntax

element .lastElementChild

Technische Details

Rückgabewert: Ein Knotenobjekt, die die letzte Kind - Element eines Elements oder null , wenn keine Kind - Elemente sind
DOM Version Core Level 3 Element Traversal

Beispiele

Mehr Beispiele

Beispiel

Holen Sie sich das Tag - Namen des letzten Kind - Element eines <div> Element:

var x = document.getElementById( "myDIV" ).lastElementChild.tagName;
document.getElementById("demo").innerHTML = x;

Das Ergebnis von x wird sein:

SPAN
Versuch es selber "

Beispiel

Holen Sie sich den Text des letzten Kindes Element eines <select> Element:

var x = document.getElementById("mySelect").lastElementChild.text;

Das Ergebnis von x wird sein:

Volvo
Versuch es selber "

<Element Object