Đối tượng Nút DOM HTML được liên kết với phần tử
Thuộc tính
Sau đây là các thuộc tính cho đối tượng nút HTML DOM -
Thuộc tính | Mô tả |
---|---|
tự động lấy nét | Để đặt hoặc quay lại xem một nút có được tự động lấy tiêu điểm hay không khi tải trang. |
bị vô hiệu hóa | Để đặt hoặc quay lại xem một nút nhất định có bị tắt hay không. |
biểu mẫu | Để trả về tham chiếu của biểu mẫu có chứa nút. |
formAction | Để đặt hoặc trả về giá trị thuộc tính formAction của một nút. |
formEnctype | Để đặt hoặc trả về giá trị thuộc tính formEnctype của một nút. |
formMethod | Để đặt hoặc trả về giá trị thuộc tính formMethod của một nút. |
formNoValidate | Để đặt hoặc trả về liệu dữ liệu biểu mẫu có được xác thực hay không khi gửi. |
formTarget | Để đặt hoặc trả về giá trị thuộc tính formTarget của nút. |
tên | Để đặt hoặc trả về giá trị thuộc tính tên của nút. |
loại | Để đặt hoặc trả lại loại nút. |
giá trị | Để đặt hoặc trả về giá trị nút. |
Cú pháp
Sau đây là cú pháp cho -
Tạo đối tượng nút -
var x = document.createElement("BUTTON");
Ví dụ
Hãy để chúng tôi xem một ví dụ về đối tượng nút HTML DOM -
<!DOCTYPE html> <html> <body> <p>Click on the below button to create a BUTTON element</p> <button onclick="buttonCreate()">CREATE</button> <br><br> <script> function buttonCreate() { var x = document.createElement("BUTTON"); var t = document.createTextNode("NEW BUTTON"); x.appendChild(t); document.body.appendChild(x); } </script> </body> </html>
Đầu ra
Điều này sẽ tạo ra kết quả sau -
Khi nhấp vào TẠO -
Trong ví dụ trên -
Đầu tiên chúng tôi đã tạo một phần tử nút CREATE. Nút này sẽ thực thi chức năng buttonCreate () khi nhấp chuột.
<button onclick="buttonCreate()">CREATE</button>
Phương thức buttonCreate () sử dụng phương thức createElement () của đối tượng document để tạo một phần tử nút và gán nó cho biến x. Một nút văn bản được tạo bằng cách sử dụng phần tử create và được gán cho biến t. Nút văn bản t sau đó được nối vào nút bằng phương thức appendchild. Sau đó, nút cùng với nút văn bản con của nó được thêm vào dưới dạng phần tử con vào nội dung tài liệu bằng phương thức document.body.appendChild ().
function buttonCreate() { var x = document.createElement("BUTTON"); var t = document.createTextNode("NEW BUTTON"); x.appendChild(t); document.body.appendChild(x); }