Ατριβούτο HTML DOM Element lastChild
- Προηγούμενη σελίδα lang
- Επόμενη σελίδα lastElementChild
- Επιστροφή στο προηγούμενο επίπεδο Το αντικείμενο HTML DOM Elements
Ορισμός και χρήση
lastChild Το ατριβούτο επιστρέφει τον τελευταίο υποκείμενο του καθορισμένου κόμματος, ως αντικείμενο Node.
lastChild Το ατριβούτο είναι μόνο ανάγνωσης.
Σημείωση
lastChild Επιστρέφει αυτές τις υποκείμενες μονάδες: κόμματα εлементών, κείμενα ή κόμματα κώδικα.
Το κενό μεταξύ των εлементικών είναι επίσης κόμματα κειμένων.
Εναλλακτική λύση:
Ατριβούτο lastElementChild - lastElementChild Ατριβούτο επιστρέφει το τελευταίο εлементικό κόμμα (αφαιρώντας το κείμενο και τα κόμματα κώδικα).
Δείτε επίσης:
Ατριβούτα κόμματων
HTML κόμματα και εлементικά
Στο HTML DOMΣτο (Document Object Model), το HTML έγγραφο είναι μια συλλογή κόμματων που έχουν (ή δεν έχουν) υποκείμενες μονάδες.
ΚόμβοςΕννοεί τα κόμματα εлементών, κείμενα και κόμματα κώδικα.
ΕλémentΚαθ' όλη τη διάρκεια του κενά είναι κόμματα κειμένων.
αλλά τα εлементικά είναι μόνο κόμματα εлементών.
Για τις υποκείμενες μονάδες και τα εлементικά
childNodes ΕπιστρέφειΥποκείμενο（εлементικά κόμματα, κείμενα και κόμματα κώδικα).
children ΕπιστρέφειΥποστοιχείο（αντί για κείμενο και κόμματα κώδικα).
firstChild και firstElementChild
firstChild Επιστρέφει το πρώτοΥποκείμενοΔεν επιστρέφει κόμβους στοιχείων, κόμβους κειμένου ή κόμβους σχολίων. Οι κενές μεταξύ στοιχείων είναι κόμβοι κειμένου.
firstElementChild Επιστρέφει το πρώτοΥποστοιχείοΔεν επιστρέφει κόμβους κειμένου και κόμβους σχολίων.
lastChild και lastElementChild
lastChild Επιστρέφει τον τελευταίοΥποκείμενοΔεν επιστρέφει κόμβους στοιχείων, κόμβους κειμένου ή κόμβους σχολίων. Οι κενές μεταξύ στοιχείων είναι κόμβοι κειμένου.
lastElementChild Επιστρέφει τον τελευταίοΥποστοιχείοΔεν επιστρέφει κόμβους κειμένου και κόμβους σχολίων.
Παράδειγμα
Παράδειγμα 1
Επιστρέφει το HTML περιεχόμενο του τελευταίου υποκείμενου του στοιχείου <ul>:
document.getElementById("myList").lastChild.innerHTML;
Παράδειγμα 2
Αποκτήστε το κείμενο του τελευταίου υποκείμενου του στοιχείου <select>:
let text = document.getElementById("mySelect").lastChild.text;
Παράδειγμα 3
Αυτό το παράδειγμα δείχνει την παρέμβαση των κενών, προσπαθήστε να πάρετε το όνομα του κόμβου του τελευταίου υποκείμενου του "myDIV":
<div id="myDIV">
<p>Looks like first child</p>
<p>Looks like last Child</p>
</div>
<script>
let text = document.getElementById("myDIV").lastChild.nodeName;
</script>
Παράδειγμα 4
Αλλά, αν αφαιρέσετε τα κενά από την πηγή, δεν υπάρχει κόμβος #text στο "myDIV":
<div id="myDIV"><p>First child</p><p>Last Child</p></div>
<script>
let text = document.getElementById("myDIV").lastChild.nodeName;
</script>
Γλώσσα
element.lastChild
ή
node.lastChild
Επιστροφή τιμής
| Τύπος | Περιγραφή |
|---|---|
| Κόμβος | Ο τελευταίος υποκείμενος του κόμβου. |
| null | Αν δεν υπάρχει υποκείμενο. |
Υποστήριξη περιηγητών
element.lastChild Είναι χαρακτηριστικό του DOM Level 1 (1998).
Όλοι οι περιηγητές το υποστηρίζουν πλήρως:
| Chrome | IE | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| Chrome | IE | Edge | Firefox | Safari | Opera |
| Υποστήριξη | 9-11 | Υποστήριξη | Υποστήριξη | Υποστήριξη | Υποστήριξη |
- Προηγούμενη σελίδα lang
- Επόμενη σελίδα lastElementChild
- Επιστροφή στο προηγούμενο επίπεδο Το αντικείμενο HTML DOM Elements
