INNERHTML LÀ GÌ

1.Quý khách hàng sẽ xem: Innerhtml là gìCác lớp nút ít DOM

Các nút ít DOM không giống nhau rất có thể gồm các ở trong tính không giống nhau. Ví dụ: một nút phần tử tương xứng cùng với thẻ bao gồm những nằm trong tính tương quan mang lại link cùng nút tương xứng cùng với gồm các nằm trong tính liên quan đến đầu vào, v.v. Các nút ít vnạp năng lượng bản không giống hệt như các nút ít bộ phận. Nhưng cũng đều có mọi thuộc tính cùng thủ tục thông thường giữa tất cả bọn chúng, chính vì toàn bộ những lớp của các nút DOM tạo thành thành một hệ thống phân cung cấp tuyệt nhất.Quý Khách vẫn xem: Innerhtml là gì

Mỗi nút DOM thuộc về lớp tích thích hợp tương xứng.

Bạn đang xem: Innerhtml là gì

Gốc của khối hệ thống phân cung cấp là EventTarget , được thừa kế vày Node và những nút ít DOM khác kế thừa trường đoản cú nó.

Đây là hình hình ảnh, phân tích và lý giải để triển khai theo:


*

Các lớp là:

HTMLElement – sau cùng là lớp cơ bạn dạng đến toàn bộ những bộ phận HTML. Nó được thừa kế vị các thành phần HTML cầm thể:… Và v.v., mỗi thẻ tất cả lớp riêng hoàn toàn có thể cung ứng các ở trong tính cùng cách tiến hành ví dụ.

Vì vậy, tập thích hợp tương đối đầy đủ những trực thuộc tính và thủ tục của một nút ít nhất thiết là tác dụng của sự việc thừa kế.

lấy một ví dụ, hãy xem xét đối tượng người dùng DOM đến 1 phần tử . Nó thuộc về lớp HTMLInputElement .

Nó thừa nhận những trực thuộc tính và cách tiến hành bên dưới dạng ck hóa học (được liệt kê theo sản phẩm công nghệ từ bỏ kế thừa):

Để coi thương hiệu lớp của nút DOM, chúng ta có thể hãy nhớ là một đối tượng thường có ở trong tính constructor. Nó tmê mẩn chiếu mang lại hàm tạo thành lớp và constructor.name là tên của nó:

alert( document.toàn thân.constructor.name ); // HTMLBodyElement… Hoặc họ toString nó:

alert( document.toàn thân ); // Chúng ta cũng hoàn toàn có thể sử dụng instanceof để chất vấn tính kế thừa:

Điều đó cũng dễ dàng phân biệt bằng phương pháp xuất một phần tử bằng console.dir(elem) của trình coi ngó. Tại đó vào console, chúng ta cũng có thể thấy HTMLElement.prototype, Element.prototypev.v.

Xem thêm: Tân Tổng Thư Ký Liên Hợp Quốc Mới Là Ai ? Tổng Thư Ký Liên Hiệp Quốc

console.dir(elem) đấu cùng với console.log(elem)

Hầu không còn những trình thông qua cung cấp nhì lệnh trong các khí cụ giành cho developer của họ: console.log và console.dir. Họ xuất các đối số của mình ra console. Đối với các đối tượng người tiêu dùng JavaScript, những lệnh này thường xuyên làm như vậy.

Nhưng so với các bộ phận DOM, bọn chúng khác nhau:

console.log(elem) hiển thị cây DOM bộ phận.console.dir(elem) hiển thị phần tử bên dưới dạng đối tượng người sử dụng DOM, tốt nhất có thể để tò mò các thuộc tính của nó.

Hãy test nó trên document.toàn thân.

IDL vào thông số kỹ thuật

Đây là một trong những đoạn trích tự nó, với những thừa nhận xét:

// Define HTMLInputElement

// Define HTMLInputElement// The colon ":" means that HTMLInputElement inherits from HTMLElementinterface HTMLInputElement: HTMLElement // here go properties và methods of elements // "DOMString" means that the value of a property is a string attribute DOMString accept; attribute DOMString alt; attribute DOMString autocomplete; attribute DOMString value; // boolean value property (true/false) attribute boolean autofocus; ... // now the method: "void" means that the method returns no value void select(); ...

2. Thuộc tính “nodeType”

Các nodeType cung ứng thêm một “old-fashioned” cách để giành được phần đa “loại” của một nút DOM.

Nó tất cả một quý giá số:

elem.nodeType == 1 cho các nút ít bộ phận,elem.nodeType == 3 cho những nút ít vnạp năng lượng bạn dạng,elem.nodeType == 9 mang đến đối tượng người sử dụng tư liệu,

Ví dụ: