HTML DOM Element nextSibling attribute

Definition and usage

nextSibling The attribute returns the next node at the same tree level.

nextSibling Returns a Node object.

nextSibling The attribute is read-only.

Note

nextSibling Return the next sibling node: element node, text node, or comment node.

The blank space between elements is also a text node.

Εναλλακτικές λύσεις:

Πρότυπο nextElementSibling - nextElementSibling Επιστρέφει τον επόμενο αδελφό στοιχείου (αφαιρώντας το κείμενο και τους κόμβους σχολίων).

Δείτε επίσης:

Πρότυπο previousSibling

Πρότυπο firstChild

Πρότυπο lastChild

Πρότυπο childNodes

Μέθοδος hasChildNodes()

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

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

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

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

Και το στοιχείο είναι μόνο κόμβος στοιχείου.

Αδελφός και στοιχειώδης αδελφός

ΑδελφόςΕίναι "αδελφοί" και "αδελφές".

ΑδελφόςΕίναι κόμβοι που έχουν τον ίδιο γονικό κόμβο (στο ίδιο childNodes Λίστα).

Στοιχειώδης αδελφόςΕίναι στοιχεία που έχουν τον ίδιο γονικό κόμβο (στο ίδιο children Λίστα).

Υποκόμβοι και υποστοιχεία

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

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

nextSibling και nextElementSibling

nextSibling Επιστρέφει τονΚόμβος(Κόμβος στοιχείου, κόμβος κειμένου ή κόμβος σχολίου). Οι κενές μεταξύ στοιχείων είναι κόμβοι κειμένου.

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

previousSibling και previousElementSibling

previousSibling Επιστρέφει τονΚόμβος(Κόμβος στοιχείου, κόμβος κειμένου ή κόμβος σχολίου). Οι κενές μεταξύ στοιχείων είναι κόμβοι κειμένου.

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

Παράδειγμα

Επιστρέφει το HTML περιεχόμενο του επόμενου αδελφού του στοιχείου:

document.getElementById("item1").nextSibling.innerHTML;

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

Γραμματική

element.nextSibling

ή

node.nextSibling

Αποτελεσματική τιμή

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

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

element.nextSibling Είναι χαρακτηριστικά DOM Level 1 (1998).

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

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