Η ιδιότητα lastElementChild του HTML DOM Element

Ορισμός και χρήση

lastElementChild Η ιδιότητα επιστρέφει τον τελευταίο υποκείμενο στο στοιχείο.

lastElementChild Οι ιδιότητες είναι αναγνωριστικές.

Για περισσότερες πληροφορίες:

Πρόσβαση στο children

Πρόσβαση στο firstElementChild

Πρόσβαση στο childElementCount

Πρόσβαση στο tagName

Πρόσβαση στο childNodes

HTML κόμβοι και στοιχεία

Στο HTML DOMΣτο (Document Object Model), το HTML έγγραφο είναι μια συλλογή κόμβων που έχουν (ή δεν έχουν) υποκείμενα.

ΚόμβοςΕίναι κόμβοι στοιχείων, κόμβους κειμένου και σχολίων.

ΣτοιχείοΟι λευκές διαστήματα μεταξύ στοιχείων είναι επίσης κόμβοι κειμένου.

Τα στοιχεία είναι μόνο κόμβοι στοιχείων.

Υποκείμενα και υποκείμενα στοιχείων

childNodes ΕπιστρέφειΥποκείμεναΕίναι κόμβοι στοιχείων, κόμβους κειμένου και σχολίων.

children ΕπιστρέφειΥποκείμεναΕπιστρέφει κόμβους στοιχείων, κόμβους κειμένου ή σχολίων.

firstChild και firstElementChild

firstChild Επιστρέφει τον πρώτοΥποκείμεναΕίναι κόμβοι στοιχείων, κόμβους κειμένου ή σχολίων. Οι λευκές διαστήματα μεταξύ στοιχείων είναι επίσης κόμβοι κειμένου.

firstElementChild Επιστρέφει τον πρώτοΥποκείμεναΔεν επιστρέφει κόμβους κειμένου και σχολίων.

lastChild και lastElementChild

lastChild Επιστρέφει τον τελευταίοΥποκείμεναΕίναι κόμβοι στοιχείων, κόμβους κειμένου ή σχολίων. Οι λευκές διαστήματα μεταξύ στοιχείων είναι επίσης κόμβοι κειμένου.

lastElementChild Επιστρέφει τον τελευταίοΥποκείμεναΔεν επιστρέφει κόμβους κειμένου και σχολίων.

Παράδειγμα

Παράδειγμα 1

Αποκτήστε το περιεχόμενο HTML του τελευταίου υποκείμενου του στοιχείου <ul>:

const element = document.getElementById("myList")
let html = element.lastElementChild.innerHTML;

Δοκιμάστε το προσωπικά

Παράδειγμα 2

Αποκτήστε το όνομα του ετικέτας του τελευταίου υποκείμενου του στοιχείου <div>:

const element =document.getElementById("myDIV")
let tag = element.lastElementChild.tagName;

Δοκιμάστε το προσωπικά

Παράδειγμα 3

Αποκτήστε το κείμενο του τελευταίου υποκείμενου του στοιχείου <select>:

const element = document.getElementById("mySelect")
let text = element.lastElementChild.text;

Δοκιμάστε το προσωπικά

Γλώσσα

element.lastElementChild

Επιστροφή τιμής

Τύπος Περιγραφή
Κόμβος Ο τελευταίος υποκείμενος του στοιχείου.
null Αν δεν υπάρχει υποκείμενο.

Υποστήριξη περιηγητή

element.lastElementChild Είναι χαρακτηριστικό DOM Level 3 (2004).

Όλοι οι περιηγητές το υποστηρίζουν πλήρως:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Υποστήριξη 9-11 Υποστήριξη Υποστήριξη Υποστήριξη Υποστήριξη