HomeĐời SốngDocument.getelementbyid là gì

Document.getelementbyid là gì

12:35, 29/03/2021

Với HTML DOM, JavaScript có thể access cùng biến đổi trực thuộc tính của những HTML elements.

Bạn đang xem: Document.getelementbyid là gì

I. Document Object Model (DOM) là gì?

DOM có mang tiêu chuẩn chỉnh access các HTML documents:

“Document Object Model (DOM) là một trong những gốc rễ (platform) và là một trong language-neutral interface cho phép các công tác với code (nhỏng Javascripts) liên tục access với update câu chữ (content), cấu trúc (structure), style của một document”

Một DOM theo tiêu chuẩn chỉnh W3C được phân thành 3 loại:

Chip Core DOM – chuẩn chỉnh cho tất cả các nhiều loại documentXML DOM – chuẩn chỉnh cho XML documentsHTML DOM – chuẩn cho HTML documents

II. HTML DOM là gì?

khi một trang web được load, trình để mắt đã auto tạo ra một Document Object Model (DOM) cho trang web.

Một HTML DOM mã sản phẩm tất cả kết cấu nhỏng một cây (tree) cất những nhân tố là Objects:



Với DOM, JavaScript có khá đầy đủ các hiện tượng để sản xuất một trang web HTML cồn (dynamic):

JavaScript DOM rất có thể đổi khác các HTML elementsJavaScript DOM hoàn toàn có thể biến hóa các HTML attributes.JavaScript DOM hoàn toàn có thể chuyển đổi những CSS styles.JavaScript DOM rất có thể xóa sổ (remove) các HTML elements và attributes.JavaScript DOM rất có thể thêm new HTML elements cùng attributes.JavaScript DOM rất có thể can hệ cùng với HTML events.JavaScript DOM hoàn toàn có thể sinh sản các HTML events bắt đầu.

HTML DOM là 1 môi trường xây dựng (programming interface) cho HTML. Trong số đó định nghĩa:

Các HTML elements, là các objectsThuộc tính (properties) của các HTML elementsPmùi hương pháp (methods) để access những HTML elementsSự khiếu nại (events) cho những HTML elements

III. HTML DOM Methods là gì?

HTML DOM methods là những hành động (actions) chúng ta có thể triển khai bên trên những HTML Elements.

HTML DOM properties là các giá chỉ trị (values) nhưng bạn có thể thiết đặt hoặc biến đổi.

HTML DOM rất có thể access bởi JavaScript cũng tương tự một vài ngữ điệu thiết kế không giống.

Trong DOM, toàn bộ những HTML elements được tư tưởng là objects.

Xem thêm: Làm Mẹ Tập 29

lấy một ví dụ sau đổi khác câu chữ (innerHTML) của  element với id="demo".


Trong ví dụ trên, getElementById là một method, và innerHTML là một property.

1. getElementById() Method và innerHTML() Property

Cách thịnh hành độc nhất vô nhị nhằm access một HTML element là sử dụng id của element.

lấy ví dụ như sau thay đổi nội dung (innerHTML) của  element với id="demo".


Cách dễ dàng độc nhất vô nhị để đưa cùng thay đổi nội dung của một HTML element là sử dụng innerHTML() property.


*
QUANGPHUONG) on CodePen.

Giải thích:

HTML document nghỉ ngơi trên chứa 
*

Trong cấu tạo HTML làm việc trên:

 là root node không có parents là parent của  và là first child của  là last child của 

Và:

 bao gồm một child:  tất cả một child (một text node): “DOM Tutorial” gồm 2 children:  và 

 tất cả một child: “DOM Lesson one” bao gồm một child: “Hello world!” và  là siblings

3. Navigate thân những Nodes

Quý Khách có thể áp dụng các node properties sau nhằm navigate thân các nodes:

parentNodechildNodes<nodenumber>firstChildlastChildnextSiblingpreviousSibling

4. Child Nodes và Node Values


Element node  ko đựng bất kì text làm sao.