Đối tượng chọn DOM trong HTML đại diện cho phần tử của tài liệu HTML. Hãy xem cách tạo đối tượng được chọn Cú pháp Sau đây là cú pháp - document.createElement(“SELECT”); Thuộc tính Sau đây là các thuộc tính của đối tượng được chọn - Thuộc tính Giải thích tự động lấy nét Nó trả về và sửa đổi xem danh sách thả xuống có được tập trung hay không khi tải trang. bị vô hiệu hóa Nó trả về và sửa đổi xem danh sách thả xuống có bị vô hiệu hóa hay không. chiều dài Nó trả về số lượng phần tử bên trong danh sách thả xuống trong tài liệu HTML. biểu mẫu Nó trả về tham chiếu của biểu mẫu chứa danh sách thả xuống trong tài liệu HTML. nhiều Nó trả về và sửa đổi xem có thể chọn nhiều tùy chọn từ danh sách thả xuống hay không. tên Nó trả về và thay đổi giá trị của thuộc tính name của danh sách thả xuống. kích thước Nó trả về và thay đổi giá trị của thuộc tính size của danh sách thả xuống. loại Nó trả về giá trị của thuộc tính type của danh sách thả xuống. giá trị Nó trả về và sửa đổi nội dung của thuộc tính giá trị của danh sách thả xuống. selectIndex Nó trả về và sửa đổi chỉ mục của tùy chọn đã chọn của danh sách thả xuống trong tài liệu HTML. Phương thức Sau đây là các phương pháp - Phương pháp Giải thích add () Nó thêm một tùy chọn mới vào danh sách thả xuống trong tài liệu HTML. remove () Nó xóa một tùy chọn mới khỏi danh sách thả xuống trong tài liệu HTML. checkValidity () Nó kiểm tra tính hợp lệ của danh sách thả xuống trong tài liệu HTML. Ví dụ Hãy để chúng tôi xem một ví dụ về đối tượng chọn HTML DOM - <!DOCTYPE html> <html> <head> <style> body{ text-align:center; background-color:#fff; color:#0197F6; } h1{ color:#23CE6B; } .btn{ background-color:#fff; border:1.5px dashed #0197F6; height:2rem; border-radius:2px; width:60%; margin:2rem auto; display:block; color:#0197F6; outline:none; cursor:pointer; } </style> </head> <body> <h1>DOM select Object Demo</h1> <button onclick="createDropDownList()" class="btn">Create a drop-down list</button> <script> function createDropDownList() { var dropDown = document.createElement("SELECT"); dropDown.innerHTML="<option>CAKE</option><option>PIZZA<option><option>BURGER</option>"; document.body.appendChild(dropDown); } </script> </body> </html> Điều này sẽ tạo ra kết quả sau - Nhấp vào “ Tạo danh sách thả xuống Nút tạo danh sách thả xuống ”để tạo danh sách thả xuống. HTML DOM Chọn thuộc tính bị vô hiệu hóa Thuộc tính tối thiểu của số đầu vào DOM HTML Đối tượng HTML DOM Bdo Đối tượng in đậm DOM HTML Đối tượng nhân sự HTML DOM Đối tượng HTML DOM Ol Đối tượng HTML DOM Ul Bài báo nổi tiếng Đối tượng hình ảnh HTML DOM Đối tượng HTML DOM iFrame HTML DOM Đối tượng HTML HTML DOM Chọn đối tượng Đối tượng phần HTML DOM Đối tượng lấy mẫu DOM trong HTML Đối tượng Trích dẫn DOM HTML Đối tượng Tiến trình DOM HTML Máy Tính Đối tượng tùy chọn HTML DOM Đối tượng trước DOM HTML Đối tượng HTML DOM S Đối tượng chỉ số dưới DOM HTML Đối tượng siêu chỉ số HTML DOM Đối tượng HTML DOM li lập trình C C ++ Redis Lập trình BASH Python Java Cơ sở dữ liệu HTML Javascript Lập trình CSS Ruby SQL IOS Android MongoDB MySQL C# PHP SQL Server Bản quyền © https://vn.wsxdn.com Đã đăng ký Bản quyền
