DOM hoặc Mô hình đối tượng tài liệu là API [Giao diện lập trình ứng dụng] đại diện cho tài liệu HTML ở dạng cấu trúc Cây sao cho các chương trình có thể truy cập và thay đổi kiểu và cấu trúc của tài liệu HTML. Đối tượng DOM do chính trình duyệt web tự động tạo khi mở trang web HTML

HTML DOM chứa ba phần

• Tài liệu. Đây là Tài liệu HTML mà chúng tôi tạo
• Object: All the Elements and Attributes present in the HTML document come under Objects [Ex:

  ĐẠI DIỆN DOM HTML

  Chức năng chính của HTML DOM

  Các chức năng của HTML DOM như sau

  • DOM API có thể được sử dụng để truy cập và sửa đổi dữ liệu có trong tài liệu HTML bằng ngôn ngữ JavaScript. Chúng ta có thể thao tác những điều sau bằng DOM API. Các phần tử, thuộc tính và dữ liệu HTML hiện diện giữa các thẻ và Kiểu CSS.
     
  • DOM cho phép các lập trình viên tạo các trang web sử dụng HTML động i. e. Những trang web được cập nhật mà không làm mới trang web.
     
  • Nó cũng cho phép các lập trình viên phát triển các trang web hoặc trang web mà người dùng có thể tùy chỉnh i. e. Người dùng có thể tự chỉnh sửa các phần tử HTML một cách nhanh chóng. [Dành cho người yêu cũ. thay đổi màu của trang web hoặc nút]
     
  • Nó hoạt động như một cầu nối làm cho trang web trở nên động bằng ngôn ngữ JavaScript.
     
  • Do đó, để làm cho trang web trở nên tương tác và năng động hơn, DOM cung cấp nhiều phương thức khác nhau để truy cập các phần tử và thuộc tính bằng JavaScript. Một số phương pháp có sẵn như sau
    • getElementById[]. Phương thức này được sử dụng để truy cập phần tử có trong tài liệu html bằng ID duy nhất của nó
    • bên trongHTML. Điều này được sử dụng để thay đổi nội dung hiện tại giữa các yếu tố
    • addEventListener[]. Phương thức này được sử dụng để giữ đối tượng sự kiện nếu một sự kiện được kích hoạt [như nhấp chuột]
    • appendChild[]. Phương pháp này được sử dụng để nối thêm một phần tử trong tài liệu

  Hãy xem một ví dụ về HTML DOM. Trong mã HTML bên dưới, chúng tôi nắm giữ dữ liệu được cung cấp trong phần tử vùng văn bản đầu vào bằng cách sử dụng tài liệu. getElementById[]. giá trị và thay đổi văn bản sử dụng tài liệu. viết[]. Do đó, đây là các chức năng chính của HTML DOM giúp truy cập, sửa đổi dữ liệu có trong HTML

  Tìm hiểu cách các trình duyệt sử dụng các tiêu chuẩn Ngôn ngữ đánh dấu siêu văn bản [HTML] và Mô hình đối tượng tài liệu [DOM] để biến các tệp văn bản thành các trang web đẹp mắt

  Ngày 20 tháng 12 năm 2020 • 3402 từ • 12 phút đọc

  Blog này là một bản ghi của video YouTube

  Nếu bạn làm việc về phát triển web front-end, có lẽ bạn đã nghe các thuật ngữ “HTML” và “DOM. " Nhưng họ muốn nói gì?

  Hãy cùng tôi tìm hiểu cách các trình duyệt sử dụng các tiêu chuẩn Ngôn ngữ đánh dấu siêu văn bản [HTML] và Mô hình đối tượng tài liệu [DOM] để biến các tệp văn bản thành các trang web đẹp

  “HTML so với. DOM. Như nhau?

  Xin chào, tên tôi là Marie Chatfield Rivas và tôi là một kỹ sư phần mềm cao cấp với niềm đam mê phát triển web giao diện người dùng. Cảm ơn bạn rất nhiều vì đã tham gia cùng tôi ngày hôm nay. Chúng ta sẽ nói tất cả về HTML so với DOM

  Đây là hai thuật ngữ mà bạn có thể đã nghe trong quá trình phát triển web và chúng thường được sử dụng thay thế cho nhau hoặc rất liên quan đến nhau. Vì vậy, bạn có thể tự hỏi, chúng có giống nhau không?

  Ngôn ngữ đánh dấu siêu văn bản [HTML]

  HTML [Ngôn ngữ đánh dấu siêu văn bản]. Ngôn ngữ đánh dấu cấu trúc với nội dung và ý nghĩa

  Vì vậy, hãy tiếp tục và bắt đầu với HTML, hay nói cách khác là Ngôn ngữ đánh dấu siêu văn bản. HTML là ngôn ngữ văn bản đánh dấu nội dung có cấu trúc và ý nghĩa

  Một trình duyệt có danh sách các phong cách tiệc tùng, như "khiêu vũ", "cổ vũ" và "ăn"

  Và điều tôi muốn nói là, chẳng hạn như bạn biết rằng nội dung mà bạn quan tâm là văn bản có nội dung: “Hãy chọn phong cách tiệc tùng của bạn. ” và sau đó là danh sách các loại tiệc khác nhau mà bạn có thể muốn tham gia

  Chà, bạn sẽ giao tiếp điều đó với trình duyệt như thế nào?

  Danh sách các kiểu bữa tiệc được biểu thị dưới dạng văn bản thuần túy không có đánh dấu

  Bạn chỉ có thể đặt một tệp văn bản chỉ có nội dung văn bản thực tế mà bạn muốn hiển thị. Nhưng điều này thực sự không nói lên điều gì

  Chúng tôi biết rằng chúng tôi muốn có một danh sách, nhưng không có gì trong cấu trúc này, đây chỉ là các văn bản đơn giản cho biết rằng. Đó là nơi HTML phát huy tác dụng

  Danh sách các kiểu tiệc được biểu diễn bằng

  ,

  , và
  • phần tử HTML

  Vì vậy, chúng tôi có thể đánh dấu nội dung của mình và cung cấp cho nó một số cấu trúc, cho biết mọi thứ có liên quan như thế nào, cũng như cung cấp cho nội dung nhiều ý nghĩa hơn

  Vì vậy, ví dụ, chúng tôi có những

  , hoặc danh sách không có thứ tự, gắn thẻ sau đó có con. Đó là bit cấu trúc. Và mỗi đứa trẻ đó là một phần tử danh sách
  • thẻ có một số nội dung bên trong của nó

    Vì vậy, chúng tôi biết rằng có ba yếu tố trong danh sách của chúng tôi mà mỗi yếu tố có một số nội dung văn bản. Chúng tôi biết chúng có liên quan với nhau như thế nào. Sau đó, chúng tôi biết nơi nó sẽ phù hợp với phần còn lại của trang của chúng tôi

    Nhưng điều này một mình không phải là một trang đầy đủ

    Danh sách các kiểu bữa tiệc trong đánh dấu HTML, trong một tệp lớn hơn có các phần tử HTML như , và

    Thông thường, loại HTML này được tìm thấy trong phần còn lại của nội dung của bạn. Vì vậy, nó sẽ là toàn bộ trang

    Vì vậy, chúng ta sẽ thấy rằng chúng ta bắt đầu với thứ gì đó giống như thẻ phần tử này ở đầu tệp HTML của chúng ta, đó là phần tử gốc của mọi thứ khác. Và thông thường chúng ta sẽ bắt đầu với phần tử bao gồm một số siêu dữ liệu và thông tin về chính trang đó, chẳng hạn như tiêu đề

    Sau đó, chúng tôi sẽ chuyển xuống thông thường, chúng tôi sẽ có một thẻ mô tả nhiều nội dung thực tế hơn của trang mà người dùng sẽ thấy. Thông thường, đó là một thực hành tốt để có một

    yếu tố hoặc sắp xếp nội dung chính của trang của bạn. Trang này có gì độc đáo. Vì vậy, không nhất thiết phải điều hướng, mà là những thứ thực sự độc đáo

    Và cuối cùng, cuối cùng, chúng ta sẽ đến nội dung thực tế mà chúng ta muốn hiển thị, trong trường hợp này là danh sách các phong cách tiệc tùng của chúng ta

    Và một điều mà bạn có thể lưu ý là tất cả những thứ này đều có thứ bậc. Vì vậy, chúng tôi bắt đầu với thẻ cấp cao nhất đó và mọi thứ đều là phần tử con của phần tử đó. Và mỗi thẻ phần tử này có thể có con, con có thể là các phần tử HTML khác hoặc nó có thể chỉ là nội dung văn bản thuần túy

    Nhưng vào cuối ngày, điều này hiển thị nhiều ý nghĩa và cấu trúc hơn là chỉ văn bản thuần túy mà chúng ta đã xem trước đây. Nhưng đây vẫn chỉ là một tệp văn bản. Chính xác thì bạn không thể chỉ gửi cái này cho ai đó và nói, “Ồ, này, hãy xem trang web của tôi. Điều này không thực sự tuyệt sao?

    Vậy làm thế nào để điều này trở thành một trang web thực sự trông giống như bạn mong đợi?

    Mô hình đối tượng tài liệu [DOM]

    Mô hình đối tượng tài liệu [DOM]. API mô tả cách các trang web hoạt động. Thực hiện bởi các trình duyệt

    DOM là Mô hình đối tượng tài liệu và đây là một API mô tả cách thức hoạt động của các trang web và nó được các trình duyệt triển khai

    Tệp văn bản HTML phác thảo một trang và một loạt hộp đại diện cho các nút DOM khớp với các phần tử

    Vì vậy, khi trình duyệt nhận tệp văn bản HTML, trình duyệt sẽ sử dụng API DOM để tìm ra cách phân tích cú pháp tệp văn bản đó thành cấu trúc dữ liệu phân cấp mà đôi khi chúng tôi gọi là cây DOM, vì đó là cấu trúc dữ liệu dạng cây

    Chúng ta có thể thấy rằng đối tượng cấp cao nhất là tài liệu này. Và sau đó nó có con. Nó có các nút bên trong nó. Và tất cả chúng đều ánh xạ tới cùng một phần tử HTML mà chúng ta thấy trong tệp văn bản của mình. Vì vậy, có một phần tử văn bản và tương ứng với nút HTML DOM. Phần tử HTML trở thành một nút DOM nội dung, v.v.

    Trình duyệt có cùng các thành phần danh sách được xác định trong tệp văn bản HTML và các nút DOM

    Và đây là tất cả cấu trúc dữ liệu nội bộ mà trình duyệt duy trì, cập nhật và đồng bộ hóa. Và nó có rất nhiều thuộc tính bổ sung và hành vi thú vị được đính kèm với mỗi nút DOM này, mọi thứ bạn cần để làm cho một trang web hoạt động

    Vì vậy, sau đó trình duyệt sử dụng cấu trúc dữ liệu DOM nội bộ đó, cùng với tất cả hành vi mà nó thể hiện, để thực sự hiển thị trang web mà bạn quen xem và người dùng của bạn có thể xem và tương tác với

    Các tiêu chuẩn HTML và DOM bao gồm. ánh xạ giữa các phần tử HTML và các nút DOM, định nghĩa và hành vi của phần tử, chức năng JavaScript mà trình duyệt nên triển khai [như

    document.children[0].children
    
    // HTMLCollection[2] [head, body]
    

    6] và một loạt nội dung khác

    Vì vậy, chúng ta có thể coi tiêu chuẩn HTML và tiêu chuẩn DOM về cơ bản giống như các bộ quy tắc. Và những quy tắc này sẽ bao gồm những thứ như cách bạn ánh xạ giữa phần tử HTML và nút DOM?

    Vì vậy, ví dụ: nếu bạn đã từng sử dụng biến

    document.children[0].children
    
    // HTMLCollection[2] [head, body]
    

    6 trong JavaScript, thì biến đó không có nguồn gốc từ chính JavaScript. Nó không đến từ JavaScript. Đó là lý do tại sao nó không phải lúc nào cũng hoạt động nếu bạn đang viết mã phía máy chủ trong nút và bạn gọi

    document.children[0].children
    
    // HTMLCollection[2] [head, body]
    

    6 thì nó có thể không thực sự ở đó. Đối tượng

    document.children[0].children
    
    // HTMLCollection[2] [head, body]
    

    6 được xác định bởi API DOM và nó có một tập hợp các thuộc tính và chức năng JavaScript mà bạn có thể gọi nó để tương tác với DOM do trình duyệt cung cấp

    Và còn có rất nhiều thứ khác mà các API và tiêu chuẩn khác nhau này triển khai và mô tả. Đó là một ý tưởng thực sự tuyệt vời nếu bạn có thời gian và bắt đầu lướt qua chúng, đọc qua chúng. Bạn sẽ học được cả đống thứ. Và về cơ bản, mọi thứ xảy ra trên các trang web mà bạn có thể viết vào một tệp và đưa nó vào cuộc sống, đều được mô tả theo một trong những tiêu chuẩn này

    Một tập hợp các kế hoạch [HTML] được trao cho một người xây dựng với một cuốn sách [trình duyệt] được biến thành một ngôi nhà [DOM]

    Có một phép ẩn dụ mà tôi nghĩ là thực sự hữu ích trong việc hiểu cách HTML và DOM tương tác. Vì vậy, tôi thích coi HTML như những bản thiết kế nhà, như bản vẽ xây dựng. Vì vậy, chúng tôi có thể lấy tệp HTML văn bản này, gửi tệp đó tới trình duyệt và sau đó trình duyệt sẽ đọc tất cả các tiêu chuẩn và API xung quanh DOM để tìm ra cách thực sự xây dựng một ngôi nhà từ các kế hoạch xây dựng đó

    Cùng một bộ kế hoạch [HTML] được trao cho một người xây dựng khác với một cuốn sách [trình duyệt] được biến thành một ngôi nhà giống hệt khác [DOM]

    Và về lý thuyết, nếu chúng ta gửi chính xác cùng một tệp văn bản HTML đến một trình duyệt khác, nó sẽ tham chiếu các API và tiêu chuẩn giống nhau để xây dựng một ngôi nhà gần như giống nhau

    Có lẽ chúng ta sẽ không bao giờ hoàn toàn giống nhau chỉ vì việc xây dựng một trình duyệt cực kỳ phức tạp. Các tiêu chuẩn này rất lớn và rất khó để khiến chúng luôn hành xử giống hệt nhau trong mọi tình huống vào mọi lúc. Vì vậy, bạn có thể thấy một số khác biệt nhỏ, nhưng phần lớn, đây sẽ là cùng một ngôi nhà

    Hai người dùng đứng cạnh các ngôi nhà DOM đã được sửa đổi hoặc thay thế hoàn toàn bằng một tòa nhà khác

    Và sau đó, tất nhiên, bạn có người dùng tương tác với trang web của mình và khi họ gây ra các sự kiện, nhấp vào mọi thứ hoặc thực hiện các công việc khác, thông thường trình duyệt sẽ diễn giải những điều đó bằng API DOM và sau đó thực hiện các thay đổi đối với DOM với tư cách là người dùng

    Đôi khi, chẳng hạn như giả sử, bạn đang sử dụng khung ứng dụng một trang, vì vậy bạn đang sử dụng JavaScript để thay thế hoàn toàn nội dung của trang bằng một thứ khác. Vì vậy, DOM mà người dùng đang xem có thể trông hoàn toàn khác với DOM được tạo ban đầu từ tệp nguồn HTML. Và điều đó hoàn toàn ổn. Đó là một điều xảy ra. Nhưng tất cả đều bắt nguồn từ cùng một nơi mặc dù DOM có thể tiếp tục mở rộng và trở nên khác biệt

    Demo trực tiếp với Glitch

    Vậy tại sao chúng ta không xem xét một số mã? . Chúng ta có thể thấy ở đây chúng ta có danh sách này và tất cả các yếu tố

    Kết xuất HTML trong trình duyệt có danh sách các kiểu bữa tiệc

    Vì vậy, hãy tiếp tục và xem xét điều này trong trang mới. Vì vậy, đây là những gì chúng ta mong đợi để xem. Nếu chúng tôi xem nguồn trang, chúng tôi sẽ thấy rằng đây chính xác là tệp HTML mà chúng tôi đã thấy rằng máy chủ sẽ hiển thị. Hãy tiếp tục và xem liệu chúng ta có thể xem DOM không

    HTML được kết xuất tương tự với Công cụ dành cho nhà phát triển mở để hiển thị cây DOM phù hợp

    Vì vậy, tôi sẽ thực hiện tất cả những điều này với các công cụ dành cho Nhà phát triển Chrome, nhưng gần như tất cả các trình duyệt đều có cách nào đó để truy cập các công cụ dành cho nhà phát triển này. Vì vậy, ở đây tôi có thể thấy một đại diện của cây DOM của tôi. Một lần nữa, tôi thấy rằng tôi bắt đầu với yếu tố cấp cao nhất này. Tôi đã có và như được mô tả trong tệp HTML của mình và một lần nữa, đây là tất cả các nút DOM. Tôi có thể nhấp hết cỡ và xem các thành phần trong danh sách của mình

    Vì vậy, tôi đã đề cập rằng cũng có các phần JavaScript của DOM. Vì vậy, ví dụ, chúng ta có thể gõ tài liệu. Và sau đó chúng ta sẽ lấy đối tượng tài liệu. Điều này có một loạt các chức năng và thuộc tính khác nhau mà bạn có thể sử dụng để truy cập và thực hiện những việc khác nhau để tương tác với DOM thông qua JavaScript

    document.children
    
    // HTMLCollection [html]
    

    Vì vậy, ví dụ, chúng ta có thể xem xét phần tử con của đối tượng tài liệu và chúng ta thấy rằng đó thực sự chỉ là phần tử này mà chúng ta đã xác định trong tệp văn bản HTML hiện đã được chuyển đổi thành Mô hình đối tượng tài liệu. Và chúng ta có thể tiếp tục tương tác với điều này

    document.children[0].children
    
    // HTMLCollection[2] [head, body]
    

    Chúng ta có thể lấy phần tử đó và xem phần tử con của nó, sau đó chúng ta sẽ thấy phần tử và. Và chúng tôi có thể tiếp tục làm điều này mãi mãi hoặc chúng tôi cũng có thể sử dụng các API DOM khác nhau để tương tác trực tiếp với những thứ đó

    document.querySelector['li']
    
    // 
    💃🏻 dance
    

    Vì vậy, ví dụ, nếu bạn đã từng làm tài liệu. querySelector chúng ta có thể sử dụng điều này để sử dụng bộ chọn CSS để lấy một phần tử ra khỏi tài liệu, miễn là nó tồn tại. Vì vậy, ví dụ, tôi có thể nói rằng tôi muốn một phần tử khớp với phần tử danh sách. Và tôi sẽ lấy cái đầu tiên và sau đó tôi có thể tương tác với cái này

    Công cụ dành cho nhà phát triển mở bằng một

    được đánh dấu trong tab Thành phần. Một chú giải công cụ đang mở có nội dung “Sử dụng $0 trong bảng điều khiển để chỉ phần tử này. ”

    Nhân tiện, cũng có một mẹo thú vị, ít nhất là trong các công cụ Chrome Dev, không rõ về các công cụ khác, nhưng bạn có thể thấy ở đây rằng nếu bạn có một phần tử được chọn ở đây trong cây DOM, bạn có thể sử dụng

    document.children[0].children
    
    // HTMLCollection[2] [head, body]
    

    0 trong bảng điều khiển để tham khảo . Và nếu tôi nhấp vào thứ khác

    document.children[0].children
    
    // HTMLCollection[2] [head, body]
    

    0, nó sẽ đề cập đến thứ đó

    Tôi cũng có thể gán chúng cho các biến để tôi có thể truy cập chúng sau này. Hoặc bạn luôn có thể nhấp chuột phải và lưu trữ dưới dạng biến toàn cầu. Điều này thực sự hữu ích nếu bạn đang gỡ lỗi chỉ để truy cập nhanh vào mọi thứ

    Vì vậy, một lần nữa, những thứ, những biến mà tôi đang làm việc bây giờ là những đối tượng DOM thực tế. Và tất cả các API trên chúng được xác định bởi API DOM, mặc dù tôi đang truy cập chúng thông qua JavaScript do trình duyệt cụ thể của tôi cung cấp

    Vì vậy, một điều để chỉ ra rằng DOM tách biệt với HTML gốc đã tạo ra trang này là tôi có thể tiếp tục và chỉ cần thay đổi tài liệu. Thông thường, điều này sẽ xảy ra do một số JavaScript mà bạn đã viết trên trang, nhưng chúng ta có thể vui vẻ một chút

    Một phần tử danh sách mới đã được thêm vào HTML được hiển thị và cây DOM

    Một API DOM thú vị là API tạo ra các phần tử mới. Vì vậy, nếu bạn đang sử dụng thứ gì đó có thể là React hoặc Ember hoặc Angular hoặc Vue đang thực hiện một số kết xuất ưa thích cho bạn, thì có thể họ đang sử dụng API này theo cách mà bạn không cần phải tự viết nó

    newLi = document.createElement['li']
    
    // 
    

    Vì vậy, tôi có thể tạo một phần tử danh sách mới và tôi sẽ gọi tài liệu đó là. Và nó có một chức năng gọi là createElement. Và sau đó tôi nói với nó tên thẻ mà tôi muốn. Trong trường hợp này, chỉ một phần tử danh sách khác

    newLi.textContent = 'hello world'
    
    // 'hello world'
    

    Và sau đó, trên phần tử này, bây giờ tôi có thể, giả sử đặt nội dung văn bản thành hello world. Bây giờ điều này chưa thực sự tồn tại ở bất kỳ đâu trong DOM. Tôi chỉ có một tham chiếu đến phần tử này, nhưng tôi có thể thêm nó vào DOM

    ________số 8

    Vì vậy, nếu tôi có, rất tiếc, tôi có danh sách không theo thứ tự của mình, tôi có thể nối thêm phần tử con, chuyển phần tử danh sách mới của tôi cho nó. Cây DOM của tôi đã được cập nhật với đối tượng mà tôi vừa tạo

    Nhưng nếu chúng ta xem nguồn trang, tệp HTML này vẫn không thay đổi. Điều này không nhất thiết phải đồng bộ với DOM. Đây là tệp văn bản mà trình duyệt đã sử dụng để tạo phiên bản ban đầu của tệp này, nhưng sau đó cây DOM sẽ thay đổi theo thời gian. Và điều đó hoàn toàn ổn

    Phần kết luận

    Có rất nhiều điều thú vị khác mà bạn có thể làm với DOM API. Gần như tất cả các sự kiện, tương tác, chẳng hạn như mô tả một phần tử danh sách thường có dấu đầu dòng nhỏ này và có một số vết lõm và tất cả những thứ tuyệt vời khác này

    Vì vậy, nếu bạn muốn tìm hiểu thêm, tôi thực sự khuyên bạn nên sử dụng tài liệu Mạng nhà phát triển Mozilla và đặc biệt là họ có trang “Bắt đầu với HTML” này, trang này sẽ hướng dẫn bạn những điều cơ bản về HTML và sau đó khi bạn đã quen thuộc với điều đó

    Và nói chung, tôi chỉ muốn nói rằng Tài liệu Web MDN thật tuyệt vời, chúng là trang web tài liệu của tôi. Vì vậy, nếu bạn muốn tìm hiểu thêm một chút về các thuộc tính và chức năng mà bạn có thể gọi trên các nút DOM, thì đây là một nơi tuyệt vời để tham khảo

    Marie vẫy tay tạm biệt

    Cảm ơn bạn rất nhiều vì đã tham gia cùng tôi ngày hôm nay. Tôi hy vọng rằng điều đó đã giúp bạn hiểu rõ hơn một chút về chính xác cách thức HTML và Mô hình đối tượng tài liệu tương tác với nhau trong các trang web

    Hy vọng rằng trong video tiếp theo của tôi, chúng ta sẽ tìm hiểu một chút về sự khác biệt giữa thuộc tính HTML và thuộc tính DOM. Nói cách khác, cách mà bạn có thể đặt mọi thứ trong HTML làm giá trị ban đầu, sau đó tiếp tục cập nhật và truy cập chúng bằng JavaScript trong suốt vòng đời của trang web của bạn. Những thứ như giá trị hoặc trình xử lý sự kiện hoặc các loại đầu vào mà bạn có trên trang của mình. Đó chắc chắn là điều đã cắn tôi trong quá khứ và là nguồn gốc của sự nhầm lẫn

    Vì vậy, hãy kiểm tra lại vào lúc khác và xem liệu tôi đã tạo được video đó chưa. Và trong thời gian chờ đợi, nếu bạn xem bên dưới, sẽ có các liên kết đến tất cả các tài nguyên mà tôi đã sử dụng ngày hôm nay, bao gồm Tài liệu MDN và ứng dụng Glitch mà tôi vừa trình diễn. Cảm ơn bạn rất nhiều và có một ngày tuyệt vời

    HTML có giống với DOM không?

    DOM là mô hình tài liệu có API được liên kết để thao tác với nó. HTML là ngôn ngữ đánh dấu cho phép bạn thể hiện một loại DOM nhất định trong văn bản .

    Tại sao HTML được gọi là DOM?

    HTML DOM [Mô hình đối tượng tài liệu] . When a web page is loaded, the browser creates a Document Object Model of the page.

    DOM là một phần của JavaScript hay HTML?

    DOM không phải là một phần của ngôn ngữ JavaScript mà thay vào đó là một API Web được sử dụng để xây dựng trang web. JavaScript cũng có thể được sử dụng trong các ngữ cảnh khác. Ví dụ, nút. js chạy các chương trình JavaScript trên máy tính, nhưng cung cấp một bộ API khác và API DOM không phải là phần cốt lõi của Nút. thời gian chạy js.

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

    Mô hình đối tượng CSS là một bộ API cho phép thao tác CSS từ JavaScript. Nó giống như DOM, nhưng dành cho CSS hơn là HTML . Nó cho phép người dùng đọc và sửa đổi kiểu CSS một cách linh hoạt. Các giá trị của CSS được thể hiện không được gõ, nghĩa là sử dụng các đối tượng String.