Αυτός ο οδηγός εξηγεί την ιδιότητα 'nodeValue' του στοιχείου HTML DOM στο JavaScript.
Τι είναι η ιδιότητα 'nodeValue' του στοιχείου HTML DOM στο JavaScript;
Το στοιχείο DOM (Document Object Model) ' nodeValue ” είναι μια χρήσιμη ιδιότητα που ορίζει και ανακτά την τιμή ενός κόμβου. Αυτή η μέθοδος επιστρέφει 'null' εάν ο καθορισμένος κόμβος αναφέρεται σε έναν κόμβο στοιχείου. Αυτή η ιδιότητα επιστρέφει επίσης το κείμενο ενός κόμβου εάν περικλείεται στον κόμβο κειμένου. Η επιστρεφόμενη τιμή του εξαρτάται από τον τύπο του κόμβου.
Σύνταξη (Ορισμός 'nodeValue')
κόμβος. nodeValue = αξία
Η παραπάνω σύνταξη απαιτεί το ' αξία ' που θέλει να ορίσει ο χρήστης για τον επιθυμητό κόμβο.
Σύνταξη (Επιστροφή 'nodeValue')
κόμβος. nodeValue
Αυτή η δεδομένη σύνταξη επιστρέφει ένα ' μηδενικό ' τιμή για το στοιχείο και τους κόμβους εγγράφου, ' κείμενο ' για κόμβους σχολίων και κειμένου και ' Χαρακτηριστικό ” για κόμβους χαρακτηριστικών.
Ας εφαρμόσουμε την ιδιότητα που ορίσαμε παραπάνω με τη βοήθεια του αναφερόμενου παραδείγματος.
Παράδειγμα: Εφαρμογή της ιδιότητας 'nodeValue' στοιχείου DOM για την ανάκτηση του κειμένου ενός στοιχείου
Αυτό το παράδειγμα εφαρμόζει την ιδιότητα 'nodeValue' για να λάβετε το κείμενο του κουμπιού που δημιουργήθηκε.
Κώδικας HTML
Αρχικά, κοιτάξτε τον παρακάτω κώδικα:
< κουμπί > Νέο κουμπί. < / κουμπί >< Π ταυτότητα = 'Για' >< / Π >
Στις παραπάνω γραμμές κώδικα:
- Ο ' <κουμπί> Η ετικέτα προσθέτει ένα κουμπί.
- Ο ' Η ετικέτα ενσωματώνει μια κενή παράγραφο με ένα αναγνωριστικό 'παρά'.
Κώδικας JavaScript
Τώρα, ακολουθήστε τον παρακάτω κώδικα JavaScript:
< γραφή >συνθ στοιχείο = έγγραφο. getElementsByTagName ( 'ΚΟΥΜΠΙ' ) [ 0 ] ;
αφήστε το αποτέλεσμα = στοιχείο. childNodes [ 0 ] . nodeValue ;
έγγραφο. getElementById ( 'Για' ) . innerHTML = ' Η τιμή του κόμβου είναι: ' + αποτέλεσμα ;
γραφή >
Στις παραπάνω γραμμές κώδικα:
- Πρώτα, δηλώστε μια μεταβλητή 'elem' που εφαρμόζει το ' getElementsByTagName() ' μέθοδος πρόσβασης στο στοιχείο με το όνομα της ετικέτας του που βρίσκεται στο ευρετήριο '0'.
- Στη συνέχεια, η μεταβλητή 'αποτέλεσμα' χρησιμοποιεί το ' nodeValue « ακίνητο που συνδέεται με το « childNodes ιδιότητα για να λάβετε την τιμή του συγκεκριμένου θυγατρικού κόμβου.
- Τέλος, το « getElementById() Η μέθοδος έχει πρόσβαση στην κενή παράγραφο χρησιμοποιώντας το αναγνωριστικό της 'para' για να την προσαρτήσει με την τιμή της μεταβλητής 'αποτέλεσμα', δηλαδή το κείμενο του κουμπιού.
Παραγωγή
Φαίνεται ότι η έξοδος δείχνει το κείμενο του δημιουργημένου στοιχείου '
συμπέρασμα
Στο JavaScript, το ' nodeValue Η ιδιότητα του HTML DOM βοηθά στον ορισμό και τη λήψη της ιδιότητας τιμής κόμβου. Η επιστρεφόμενη τιμή αυτής της ιδιότητας βασίζεται στον τύπο του κόμβου. Αυτή η ιδιότητα δεν εμφανίζει καμία τιμή για το στοιχείο καθώς και για το έγγραφο. Αυτός ο οδηγός εξηγεί εν συντομία την ιδιότητα 'nodeValue' του στοιχείου HTML DOM στο JavaScript.