Hướng dẫn này giải thích thuộc tính “nodeValue” của Phần tử DOM HTML trong JavaScript.
Phần tử DOM HTML Thuộc tính “nodeValue” trong JavaScript là gì?
Phần tử DOM (Mô hình đối tượng tài liệu) “ nútGiá trị ” là một thuộc tính hữu ích để đặt và truy xuất giá trị của một nút. Phương thức này trả về “null” nếu nút được chỉ định tham chiếu đến một nút phần tử. Thuộc tính này cũng trả về văn bản của một nút nếu nó được đặt trong nút văn bản. Giá trị trả về của nó phụ thuộc vào loại nút.
Cú pháp (Đặt “nodeValue”)
nút. nútGiá trị = giá trị
Cú pháp trên yêu cầu “ giá trị ” mà người dùng muốn đặt cho nút mong muốn.
Cú pháp (Trả về “nodeValue”)
nút. nútGiá trị
Cú pháp đã cho này trả về một “ vô giá trị ” giá trị cho các nút phần tử và tài liệu,” chữ ” cho các nút nhận xét và văn bản, và “ thuộc tính ” cho các nút thuộc tính.
Hãy triển khai thuộc tính được xác định ở trên với sự trợ giúp của ví dụ đã nêu.
Ví dụ: Áp dụng Thuộc tính “nodeValue” của Phần tử DOM để Truy xuất Văn bản của Phần tử
Ví dụ này áp dụng thuộc tính “nodeValue” để lấy văn bản của nút đã tạo.
Mã HTML
Đầu tiên, hãy nhìn vào đoạn mã dưới đây:
< cái nút > Nút mới. < / cái nút >< P nhận dạng = 'vì' >< / P >
Trong các dòng mã trên:
- Các '
” thẻ thêm một nút. - Các ' ” thẻ nhúng một đoạn văn trống có id là “para”.
Mã JavaScript
Bây giờ, hãy làm theo mã JavaScript được nêu dưới đây:
< kịch bản >hằng số yếu tố = tài liệu. getElementsByTagName ( 'CÁI NÚT' ) [ 0 ] ;
để lại kết quả = yếu tố. nút con [ 0 ] . nútGiá trị ;
tài liệu. getElementById ( 'vì' ) . bên trongHTML = ' Giá trị nút là: ' + kết quả ;
kịch bản >
Trong các dòng mã trên:
- Đầu tiên, khai báo một biến “elem” áp dụng “ getElementsByTagName() ” để truy cập phần tử theo tên thẻ của nó được đặt ở chỉ mục “0”.
- Tiếp theo, biến “kết quả” sử dụng “ nútGiá trị ” tài sản được liên kết với “ nút con ” để lấy giá trị của nút con cụ thể.
- Cuối cùng, “ getElementById() ” phương thức truy cập vào đoạn trống bằng cách sử dụng id “para” của nó để nối nó với giá trị của biến “kết quả”, tức là văn bản nút.
đầu ra
Có thể thấy rằng đầu ra hiển thị văn bản của phần tử “
Phần kết luận
Trong JavaScript, “ nútGiá trị ” thuộc tính của HTML DOM giúp thiết lập và nhận thuộc tính giá trị nút. Giá trị trả về của thuộc tính này phụ thuộc vào loại nút. Thuộc tính này không hiển thị bất kỳ giá trị nào cho phần tử cũng như tài liệu. Hướng dẫn này giải thích ngắn gọn về thuộc tính “nodeValue” của Phần tử DOM HTML trong JavaScript.