Internalhtml có thể chứa javascript không?
Mô hình DOM trong javascript – là mô hình phân cấp thẻ trong tài liệu HTML. Nó mô tả cấu trúc phân tầng các thẻ được bố trí trong trang web Show Giới thiệu về mô hình DOMKhi trình duyệt đọc cấu trúc html của trang web, nó sẽ xây dựng một mô hình có thứ bậc phân cấp để diễn tả cấu trúc html trong trang, được gọi là mô hình DOM Mô hình DOM là 1 trong các tiêu chuẩn của tổ chức W3C – tổ chức quy định các tiêu chuẩn cho web. DOM quy định cách thức mà trình duyệt xây dựng phân cấp cây. Thanks DOM, you used Javascript new could
Nút trong DOM mô hìnhMỗi thành phần trong DOM được gọi là 1 nút. Mỗi nút có các thuộc tính và hàm riêng
Tóm tắt, mô hình DOM trong javascript giống như một cái cây có gốc và nhiều nhánh nhánh. Gốc cây là nút gốc và các nhánh là các nút con cháu Các loại nút trong DOMCó nhiều loại nút trong DOM, mời xem bảng sau
Các thuộc tính và hàm trong một nútTrong mô hình DOM, mỗi nút có nhiều thuộc tính và nhiều hàm Các thuộc tính trong một nútThuộc tínhMô tả thuộc tínhMảng là các thuộc tính của nodechildElementCountĐếm các phần tử conchildNodesMảng các con của nút, bao gồm cả văn bản và chú thích nodechildrenMảng các phần tử con, không bao gồm văn bản và chú thích nodeclassListTrả về các lớp cssclassNameThuộc tính lớp cssclientHeightĐộ cao của nút, bao gồm cả paddingclientLeftTrả về độ lớn . nextElementSiblingLấy phần tử kế tiếp. nodeNameTrả về tên nodenodeTypeCho biết kiểu của node (element, text, attribute…)parentElementTrả về node chapreviousElementSiblingLấy phần tử node trước của node hiện tại styleTập hợp các thuộc tính css của nodetagNametagCác hàm trong một nútappendChild()Add node conclick()Hàm chạy khi click chuột vào elementblur()Hàm chạy khi phần tử mất focuscontains()Hàm trả về true nếu nó chỉ chứa 1 nút ra, ngược lại trả về falsefocus()Hàm chạy khi phần tử cóChọn nút trong DOM bằng JavascriptCó thể chọn các nút trong DOM bằng các chức năng Javascript sau
Ngoài ra có thể sử dụng mối quan hệ cha , con, láng giềng, trước sau giữa các nút để truy cập các nút Việc đề cập đến MutationObservers của Gabriel Garcia đang đi đúng hướng, nhưng không hiệu quả với tôi. Tôi không chắc liệu đó có phải là do lỗi của trình duyệt hay do lỗi của tôi hay không, nhưng phiên bản cuối cùng hoạt động với tôi là phiên bản sau
Tất nhiên, bạn nên thay thế
|