Hướng dẫn what is the difference between dom and javascript? - sự khác biệt giữa dom và javascript là gì?

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ụ: http://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: http://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: http://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 (http://developer.mozilla.org/en/core_javascript_1.5_guide) và một số tài liệu của họ trên DOM (http://developer.mozilla.org/ en/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

Hướng dẫn what is the difference between dom and javascript? - sự khác biệt giữa dom và javascript là gì?

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.



HTML là những gì trở lại từ máy chủ trong yêu cầu trả lời, được phân tích cú pháp và mô hình đối tượng dom (= tài liệu) là những gì trình duyệt xây dựng với nó và có thể được thao tác với JavaScript. Điều này tạo ra một sự khác biệt lớn nếu bạn bỏ lỡ một yếu tố từ một trang web. Bạn nên tìm nó ở đâu?

Xem-Source chỉ là HTML Công cụ phát triển web, Thanh tra hiển thị DOM của bạn

Các phần tử đã biến mất trong DOM (= Thanh tra) nhưng có mặt trong HTML từ máy chủ phải đã bị JavaScript xóa. Dưới đây là một số câu hỏi cơ bản, tôi sẽ hỏi nhà phát triển Junior nếu thiếu phần tử trong một trang:

  • Nhìn vào DOM đầu tiên, là yếu tố ở đó?
  • Phần tử có thể nhìn thấy trong DOM với thuộc tính hiển thị CSS và chỉ số Z không?
  • Là phần tử trong HTML hay được xây dựng với JavaScript?
  • Nếu nó xây dựng với JavaScript thì hãy tìm kiếm trong tab Nguồn trong các công cụ của nhà phát triển cho các phần của tên lớp để tìm một dòng gần trong JS nơi nó có thể được tạo.

Có phải DOM khác với JavaScript?

DOM cũng cung cấp một API để thao tác với DOM, với các chức năng như getElementsByTagName và createdEement. JavaScript là ngôn ngữ lập trình mà trình duyệt web có thể thực thi. JavaScript có thể tương tác với DOM với tập lệnh DOM.JavaScript can interact with the DOM with DOM scripting.

JavaScript có phải là DOM không?

Cây HTML DOM của các đối tượng với mô hình đối tượng, JavaScript 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.HTML DOM Tree of Objects With the object model, JavaScript gets all the power it needs to create dynamic HTML: JavaScript can change all the HTML elements in the page. JavaScript can change all the HTML attributes in the page. JavaScript can change all the CSS styles in the page.

Dom liên quan đến JavaScript như thế nào?

HTML DOM có thể được truy cập bằng JavaScript (và với các ngôn ngữ lập trình khác).Trong DOM, tất cả các phần tử HTML được định nghĩa là đối tượng.Giao diện lập trình là các thuộc tính và phương thức của từng đối tượng.Thuộc tính là một giá trị mà bạn có thể nhận được hoặc đặt (như thay đổi nội dung của phần tử HTML). (and with other programming languages). In the DOM, all HTML elements are defined as objects. The programming interface is the properties and methods of each object. A property is a value that you can get or set (like changing the content of an HTML element).

Dom có nghĩa là gì trong JavaScript?

DOM là viết tắt của mô hình đối tượng tài liệu.Đây là một giao diện lập trình cho phép chúng tôi tạo, thay đổi hoặc xóa các phần tử khỏi tài liệu.Chúng tôi cũng có thể thêm các sự kiện vào các yếu tố này để làm cho trang của chúng tôi năng động hơn.DOM xem một tài liệu HTML như một cây của các nút.Một nút đại diện cho một phần tử HTML.