HTML-DOM -lastElementChild- Eigenschaft
Beispiel
Rufen Sie den HTML-Inhalt des letzten untergeordneten Elements eines <ul>-Elements ab:
var x = document.getElementById("myList").lastElementChild.innerHTML;
Weitere „Probieren Sie es selbst“-Beispiele weiter unten.
Definition und Verwendung
Die lastElementChild-Eigenschaft gibt das letzte untergeordnete Element des angegebenen Elements zurück.
Der Unterschied zwischen dieser Eigenschaft und lastChild besteht darin, dass lastChild den letzten untergeordneten Knoten als Elementknoten, Textknoten oder Kommentarknoten zurückgibt (je nachdem, welcher der letzte ist), während lastElementChild den letzten untergeordneten Knoten als Elementknoten zurückgibt (ignoriert text und Kommentarknoten).
Diese Eigenschaft ist schreibgeschützt.
Tipp: Verwenden Sie die Eigenschaft children , um ein beliebiges untergeordnetes Element eines angegebenen Elements zurückzugeben.
Tipp: Um das erste untergeordnete Element eines angegebenen Elements zurückzugeben, verwenden Sie die firstElementChild- Eigenschaft.
Browser-Unterstützung
Property | |||||
---|---|---|---|---|---|
lastElementChild | 2.0 | 9.0 | 3.5 | 4.0 | 10.0 |
Syntax
element.lastElementChild
Technische Details
Rückgabewert: | Ein Node-Objekt, das das letzte untergeordnete Element eines Elements darstellt, oder null , wenn keine untergeordneten Elemente vorhanden sind |
---|---|
DOM-Version | Core Level 3 Elementdurchquerung |
Mehr Beispiele
Beispiel
Rufen Sie den Tag-Namen des letzten untergeordneten Elements eines <div>-Elements ab:
var x = document.getElementById("myDIV").lastElementChild.tagName;
document.getElementById("demo").innerHTML = x;
Beispiel
Rufen Sie den Text des letzten untergeordneten Elements eines <select>-Elements ab:
var x = document.getElementById("mySelect").lastElementChild.text;