Nhận phần tử JavaScript
|
Đôi khi, người dùng cần thao tác với phần tử HTML mà không cần thay đổi mã của HTML. Trong trường hợp này, người dùng có thể sử dụng JavaScript để thay đổi các phần tử HTML mà không ghi đè lên chúng. Trước khi chúng tôi tiếp tục thay đổi phần tử HTML bằng JavaScript, người dùng nên tìm hiểu cách truy cập phần tử đó từ DOM (Mô hình đối tượng tài liệu). Ở đây, DOM là cấu trúc của trang web. Show Từ DOM, người dùng có thể truy cập các phần tử HTML theo năm cách khác nhau trong JavaScript
Ở bên dưới, người dùng có thể xem trình diễn các phương pháp trên với mã mẫu. Nhận phần tử HTML theo Id. Nói chung, hầu hết các nhà phát triển sử dụng id duy nhất trong toàn bộ tài liệu HTML. Người dùng phải thêm id vào phần tử HTML cụ thể trước khi truy cập phần tử HTML có id. Người dùng có thể sử dụng phương thức getElementById() để truy cập phần tử HTML bằng cách sử dụng id. Nếu bất kỳ phần tử nào không tồn tại với id được truyền vào phương thức getElementById, nó sẽ trả về giá trị null cú pháp document.getElementById(element_ID); Tham số. Nó lấy id của phần tử mà người dùng muốn truy cập Giá trị trả về. Nó trả về đối tượng với id cụ thể. Nếu không tìm thấy phần tử có id cụ thể, nó sẽ trả về giá trị NULL Thí dụ. Ví dụ này minh họa việc sử dụng phương thức getElementsById. Ngoài ra, nó in HTML bên trong của đối tượng được trả về vào bảng điều khiển của trình duyệt. Người dùng có thể mở bảng điều khiển vào trình duyệt web chrome bằng cách nhấn ctrl + shift + I HTML
document.getElementsByClassName(element_classnames);1 >document.getElementsByClassName(element_classnames);3_______22__________ document.getElementsByClassName(element_classnames);5 document.getElementsByClassName(element_classnames);6 document.getElementsByClassName(element_classnames);5 >document.getElementsByClassName(element_classnames);9 document.getElementsByClassName(element_classnames);1 >
document.getElementsByName(element_name);4 >
document.getElementsByClassName(element_classnames);3_______8_______8 document.getElementsByClassName(element_classnames);3_______22__________ document.getElementsByTagName(Tag_name);1 document.getElementsByClassName(element_classnames);03 document.getElementsByTagName(Tag_name);3 document.querySelector(selectors); document.querySelectorAll(selectors);43 document.getElementsByTagName(Tag_name);2 document.getElementsByTagName(Tag_name);3 document.querySelector(selectors); document.querySelectorAll(selectors);58 document.getElementsByClassName(element_classnames);15 document.getElementsByTagName(Tag_name);1 > Để lấy giá trị của phần tử, hãy sử dụng thuộc tính “giá trị” với phương thức “getelementById()” để lấy tham chiếu của phần tử bằng cách sử dụng “id” được chỉ định của nó Đầu tiên, tạo một biểu mẫu trong tệp HTML, với trường nhập và nút sẽ hiển thị giá trị đã nhập trong trường văn bản trong sự kiện “nhấp chuột” < biểu mẫu > Thực hiện theo các dòng mã dưới đây hàm getElementValue () { Trong đoạn mã trên
đầu ra Đầu ra ở trên chỉ ra rằng giá trị của phần tử được tìm nạp thành công bằng cách sử dụng thuộc tính giá trị với phương thức getElementById() Làm cách nào để lấy tham chiếu của phần tử mà không có bất kỳ id nào được chỉ định? ví dụ 2. Nhận giá trị phần tử Sử dụng thuộc tính giá trị Với phương thức querySelector()Một cách khác để lấy tham chiếu đến một phần tử để lấy giá trị của nó là sử dụng phương thức “querySelector()”. Nó lấy một "bộ chọn" tên của một phần tử làm đối số và đưa ra phần tử đầu tiên của tài liệu khớp với bộ chọn đã cho Here, first, create a drop-down menu using the Chọn ngôn ngữ bạn muốn học . Trong tệp JavaScript, sử dụng đoạn mã sau hàm getElementValue () { Trong các dòng mã trên
Đầu ra hiển thị các giá trị đã chọn trong một thông báo cảnh báo Phần kết luậnĐể lấy giá trị của phần tử DOM, hãy sử dụng thuộc tính “giá trị” của giao diện HTMLDataElement với các phương thức khác nhau để lấy tham chiếu của phần tử, chẳng hạn như phương thức “getElementById()”, phương thức “getElementByClass()” hoặc “querySelector( . Hướng dẫn này giải thích quy trình lấy giá trị phần tử bằng JavaScript Phần tử get trong JS là gì?Định nghĩa và cách sử dụng. Phương thức getElementById() trả về một phần tử có giá trị được chỉ định . Phương thức getElementById() trả về null nếu phần tử không tồn tại. Phương thức getElementById() là một trong những phương thức phổ biến nhất trong HTML DOM.
Làm cách nào để lấy giá trị phần tử trong JavaScript?Để lấy giá trị của phần tử, hãy sử dụng thuộc tính “value” với phương thức “getelementById()” để lấy tham chiếu của .
Làm cách nào để lấy loại phần tử trong JavaScript?Nếu bạn chỉ cần kiểm tra loại phần tử cụ thể, bạn có thể sử dụng. phương thức is() trả về giá trị Boolean. . Nhận phần tử theo ID trong JavaScript là gì?Tài liệu. getElementById() Phương thức Tài liệu getElementById() trả về một đối tượng Phần tử đại diện cho phần tử có thuộc tính id khớp với chuỗi đã chỉ định . Vì ID phần tử bắt buộc phải là duy nhất nếu được chỉ định, nên chúng là một cách hữu ích để nhanh chóng truy cập vào một phần tử cụ thể. |
