Như những người khác đã nói, mô hình DOM [mô hình đối tượng tài liệu] về cơ bản là API sử dụng để thao tác tài liệu HTML [hoặc XML] - thường sử dụng JavaScript, vì đó là ngôn ngữ chúng ta có trong trình duyệt, nhưng không phải lúc nào cũng có API giống như DOM để thao tác các tài liệu này bằng các ngôn ngữ khác ở phía máy chủ hoặc máy tính để bàn, ví dụ: //java.sun.com/j2se/1.4.2/docs/api/org/w3c/dom/package- Tóm tắt.html.Document Object Model] is essentially the API one uses to manipulate an HTML [or XML] document -- usually using JavaScript, since that's the language we have in the browser, but not always, as there are DOM-like APIs for manipulating these documents in other languages on the server side or the desktop, for example: //java.sun.com/j2se/1.4.2/docs/api/org/w3c/dom/package-summary.html .
JavaScript chỉ là một ngôn ngữ lập trình. Nó là ngôn ngữ kịch bản tiêu chuẩn thực tế cho hầu hết [nếu không phải tất cả] các trình duyệt web, và trên thực tế, hầu hết thời gian bạn đang viết các tập lệnh thao tác dom để chạy ở phía khách hàng, bạn đang làm việc Cả DOM và JavaScript cùng một lúc.
Tuy nhiên, nó không phải như vậy. Ai đó có thể viết trình duyệt web [hoặc plugin cho trình duyệt web] cho phép các lập trình viên viết các tập lệnh điều khiển dom của họ trong Python, Ruby, C, Scheme, v.v. [thực tế, JavaScript bắt đầu cuộc sống tại Netscape như một sơ đồ].
Ngoài ra, có các phiên dịch JavaScript [và thậm chí các trình biên dịch] chạy hoàn toàn bên ngoài trình duyệt web. Trên thực tế, nếu bạn muốn cảm nhận về ngôn ngữ JavaScript cốt lõi là gì, bạn có thể thử thực hiện một chút kịch bản bằng cách sử dụng Rhino của Mozilla: //www.mozilla.org/rhino/. Không có DOM mặc định, không có đối tượng cửa sổ, không có gì liên quan đến trình duyệt theo mặc định [mặc dù bạn có thể nhập một số gói Java DOM].
Tôi cũng khuyên bạn nên đọc thông số JavaScript 1.5 cũ tại MDC [//developer.mozilla.org/en/core_javascript_1.5_guide] và một số tài liệu của họ trên DOM [//developer.mozilla.org/ en/dom].
Mô hình đối tượng tài liệu [DOM] kết nối các trang web với các tập lệnh hoặc ngôn ngữ lập trình bằng cách biểu diễn cấu trúc của một tài liệu, chẳng hạn như HTML đại diện cho một trang web trong bộ nhớ. Thông thường, nó đề cập đến JavaScript, mặc dù mô hình hóa các tài liệu HTML, SVG hoặc XML vì các đối tượng không phải là một phần của ngôn ngữ JavaScript cốt lõi.Document Object Model [DOM] connects web pages to scripts or programming languages by representing the structure of a document—such as the HTML representing a web page—in memory. Usually it refers to JavaScript, even though modeling HTML, SVG, or XML documents as objects are not part of the core JavaScript language.
DOM đại diện cho một tài liệu với một cây logic. Mỗi nhánh của cây kết thúc trong một nút và mỗi nút chứa các đối tượng. Các phương thức DOM cho phép truy cập lập trình vào cây. Với họ, bạn có thể thay đổi cấu trúc, phong cách hoặc nội dung của tài liệu.
Các nút cũng có thể có trình xử lý sự kiện gắn liền với chúng. Khi một sự kiện được kích hoạt, người xử lý sự kiện sẽ được thực thi.
Để tìm hiểu thêm về DOM là gì và làm thế nào nó đại diện cho các tài liệu, hãy xem phần giới thiệu bài viết của chúng tôi về DOM.
Với HTML DOM, JavaScript có thể truy cập và thay đổi tất cả các yếu tố của tài liệu HTML.
HTML DOM [Mô hình đối tượng tài liệu]
Khi một trang web được tải, trình duyệt sẽ tạo một mô hình đối tượng tài liệu của trang.Document Object Model of the page.
Mô hình HTML DOM được xây dựng như một cây của các đối tượng:HTML DOM model is constructed as a tree of Objects:
Cây HTML DOM của các đối tượng
Với mô hình đối tượng, JavaScript có được tất cả sức mạnh cần thiết để tạo HTML động:
- JavaScript có thể thay đổi tất cả các phần tử HTML trong trang
- JavaScript có thể thay đổi tất cả các thuộc tính HTML trong trang
- JavaScript có thể thay đổi tất cả các kiểu CSS trong trang
- JavaScript có thể xóa các phần tử và thuộc tính HTML hiện có
- JavaScript có thể thêm các thành phần và thuộc tính HTML mới
- JavaScript có thể phản ứng với tất cả các sự kiện HTML hiện có trong trang
- JavaScript có thể tạo các sự kiện HTML mới trong trang
Những gì bạn sẽ học
Trong các chương tiếp theo của hướng dẫn này, bạn sẽ học được:
- Cách thay đổi nội dung của các phần tử HTML
- Cách thay đổi kiểu [CSS] của các phần tử HTML
- Cách phản ứng với các sự kiện HTML DOM
- Cách thêm và xóa các phần tử HTML
DOM là gì?
DOM là tiêu chuẩn W3C [World Wide Web Consortium].
DOM định nghĩa một tiêu chuẩn để truy cập tài liệu:
"Mô hình đối tượng tài liệu W3C [DOM] là giao diện trung lập về nền tảng và ngôn ngữ cho phép các chương trình và tập lệnh truy cập động và cập nhật nội dung, cấu trúc và kiểu dáng của tài liệu."
Tiêu chuẩn DOM W3C được tách thành 3 phần khác nhau:
- Core DOM - Mô hình tiêu chuẩn cho tất cả các loại tài liệu
- XML DOM - Mô hình tiêu chuẩn cho tài liệu XML
- HTML DOM - Mô hình tiêu chuẩn cho các tài liệu HTML
HTML DOM là gì?
HTML DOM là một mô hình đối tượng tiêu chuẩn và giao diện lập trình cho HTML. Nó định nghĩa:object model and programming interface for HTML. It defines:
- Các phần tử HTML dưới dạng đối tượngobjects
- Các thuộc tính của tất cả các phần tử HTMLproperties of all HTML elements
- Các phương pháp truy cập tất cả các phần tử HTMLmethods to access all HTML elements
- Các sự kiện cho tất cả các yếu tố HTMLevents for all HTML elements
Nói cách khác: HTML DOM là một tiêu chuẩn cho cách nhận, thay đổi, thêm hoặc xóa các phần tử HTML. The HTML DOM is a standard for how to get, change, add, or delete HTML elements.