3、深入理解文档对象模型（DOM）

深入理解文档对象模型（DOM）

1. 文档对象模型概述

文档对象模型（Document Object Model，DOM）是网页设计与开发中不可或缺的一部分。它允许我们通过编程语言（如JavaScript）来操作网页内容。DOM将HTML或XML文档视为一个由节点组成的树形结构，每个节点代表文档中的一个组成部分，如元素、属性或文本。

1.1 D代表文档

DOM的核心概念是它不能脱离文档而存在。当你创建一个网页并将其加载到浏览器中时，DOM会将你编写的文档转换成一个对象。这个对象使得我们可以使用编程语言来操作网页内容。例如，你可以通过JavaScript读取、修改或删除网页中的元素。

1.2 对象的欲望

在编程语言中，“对象”有着特定的含义。对象是自包含的数据包，包含属性和方法。属性是与对象关联的变量，方法是可以由对象执行的函数。例如，在JavaScript中，你可以创建一个对象来表示网页中的某个元素，并通过该对象来操作这个元素。

1.2.1 JavaScript中的对象示例

let myObject = {
  property1: "value1",
  method1: function() {
    console.log("This is a method.");
  }
};

1.3 按M键调用模型

DOM中的M代表模型（Model），它就像一张地图，表示当前加载在浏览器中的网页。这张地图使我们能够使用JavaScript来读取和操作网页内容。DO