Αυτή η ανάρτηση εξηγεί την ιδιότητα 'previousElementSibling' του στοιχείου HTML DOM χρησιμοποιώντας JavaScript.
Τι είναι η ιδιότητα 'previousElementSibling' του στοιχείου HTML DOM;
Το στοιχείο DOM (Document Object Model) ' previousElementSibling ” είναι μια ιδιότητα μόνο για ανάγνωση που βοηθά στην ανάκτηση του προηγούμενου αδελφού ενός στοιχείου στο ίδιο δέντρο. Αυτή η ιδιότητα επιστρέφει το περιεχόμενο του προηγούμενου αδελφού.
Σύνταξη
στοιχείο. previousElementSibling
Αυτή η σύνταξη επιστρέφει το ' σειρά ' που περιέχει το περιεχόμενο HTML του προηγούμενου αδερφού και ' μηδενικό «αν δεν υπάρχει.
Ας χρησιμοποιήσουμε τη σύνταξη που ορίστηκε παραπάνω πρακτικά για να δείξουμε τη λειτουργία της ιδιότητας 'previousElementSibling'.
Παράδειγμα: Εφαρμογή της ιδιότητας 'previousElementSibling' για την επιστροφή του περιεχομένου του προηγούμενου αδελφού
Αυτό το παράδειγμα εφαρμόζει την ιδιότητα 'previousElementSibling' JavaScript για τη λήψη του περιεχομένου HTML του προηγούμενου αδελφού.
Κώδικας HTML
Αρχικά, μια επισκόπηση του ακόλουθου κώδικα HTML:
< ul >< ότι ταυτότητα = 'πρώτα' > HTML < / ότι >
< ότι ταυτότητα = 'δεύτερος' > CSS < / ότι >
< ότι ταυτότητα = 'τρίτος' > JavaScript < / ότι >
< / ul >
< Π ταυτότητα = 'Για' >< / Π >
Στις παραπάνω γραμμές κώδικα:
- Ο '
- Μέσα στη λίστα χωρίς σειρά, ενσωματώνονται πολλά στοιχεία χρησιμοποιώντας το ' <αυτό> ' ετικέτα με τα αναγνωριστικά που τους έχουν εκχωρηθεί.
- Τέλος, το « Η ετικέτα ενσωματώνει μια κενή παράγραφο με ένα μοναδικό αναγνωριστικό 'παρά'.
Κώδικας JavaScript
Τώρα, συνεχίστε με τον κώδικα JavaScript:
< γραφή >αφήστε το στοιχείο = έγγραφο. getElementById ( 'τρίτος' ) . previousElementSibling . innerHTML ;
έγγραφο. getElementById ( 'Για' ) . innerHTML = ' Ο προηγούμενος αδελφός του τρίτου στοιχείου είναι : ' + είδος ;
γραφή >
Σύμφωνα με το παραπάνω απόσπασμα κώδικα:
- Η μεταβλητή 'item' χρησιμοποιεί πρώτα το ' getElementById() ' μέθοδο για να αποκτήσετε πρόσβαση στο στοχευμένο στοιχείο λίστας χρησιμοποιώντας το αναγνωριστικό 'τρίτο' και, στη συνέχεια, εφαρμόστε το ' previousElementSibling ” ακίνητο για να πάρει το προηγούμενο αδερφάκι του.
- Μετά από αυτό, το « getElementById() Η μέθοδος έχει πρόσβαση στην προστιθέμενη κενή παράγραφο χρησιμοποιώντας το αναγνωριστικό της 'para' για να την προσαρτήσει με την τιμή της μεταβλητής 'item', δηλαδή τον προηγούμενο αδελφό.
Παραγωγή
Όπως φαίνεται, το αποτέλεσμα δείχνει τον προηγούμενο αδελφό του στοχευόμενου στοιχείου, δηλαδή (JavaScript).
συμπέρασμα
Η JavaScript παρέχει το προκαθορισμένο στοιχείο DOM ' previousElementSibling ” ιδιότητα για ανάκτηση του προηγούμενου αδελφού ενός στοιχείου. Επιστρέφει τον προηγούμενο αδελφό ενός στοιχείου από το ίδιο επίπεδο δέντρου όπου βρίσκεται το στοιχείο στόχος. Αυτή η ανάρτηση εξήγησε σε βάθος την ιδιότητα 'previousElementSibling' του στοιχείου HTML DOM στο JavaScript.