DOM

是什么

定义

Document Object Model 文档对象模型。将标记语言文档的各个部分，封装成对象。可以使用对象，对标记语言文档进行CRUD的动态操作。

结构形式

image-20240516213158113

分类和组成

1.核心DOM

①Node 节点对象

②Document文档对象

③Element 元素对象

④Attribute 属性对象

⑤Text 文本对象

⑥Commit 注释对象

2.XML DOM

–针对ＸＭＬ文档的标准模型

3.HTML DOM

–针对HTML文档的标准模型

怎么用

使用方式

1.获取对象：

image-20240515214954970

2.修改属性值

3.修改标签体内容

属性：innerHTML

为什么## 是什么

定义

Document Object Model 文档对象模型。将标记语言文档的各个部分，封装成对象。可以使用对象，对标记语言文档进行CRUD的动态操作。

结构形式

image-20240516213158113

分类和组成

1.核心DOM

①Node 节点对象

②Document文档对象

③Element 元素对象

④Attribute 属性对象

⑤Text 文本对象

⑥Commit 注释对象

2.XML DOM

–针对ＸＭＬ文档的标准模型

3.HTML DOM

–针对HTML文档的标准模型

怎么用

使用方式

1.获取对象：

image-20240515214954970

2.修改属性值

3.修改标签体内容

属性：innerHTML

为什么OM

是什么

定义

Document Object Model 文档对象模型。将标记语言文档的各个部分，封装成对象。可以使用对象，对标记语言文档进行CRUD的动态操作。

结构形式

image-20240516213158113

分类和组成

1.核心DOM

①Node 节点对象

②Document文档对象

③Element 元素对象

④Attribute 属性对象

⑤Text 文本对象

⑥Commit 注释对象

2.XML DOM

–针对ＸＭＬ文档的标准模型

3.HTML DOM

–针对HTML文档的标准模型

怎么用

使用方式

1.获取对象：

image-20240515214954970

2.修改属性值

3.修改标签体内容

属性：innerHTML

为什么## 是什么

定义

Document Object Model 文档对象模型。将标记语言文档的各个部分，封装成对象。可以使用对象，对标记语言文档进行CRUD的动态操作。

结构形式

image-20240516213158113

分类和组成

1.核心DOM

①Node 节点对象

②Document文档对象

③Element 元素对象

④Attribute 属性对象

⑤Text 文本对象

⑥Commit 注释对象

2.XML DOM

–针对ＸＭＬ文档的标准模型

3.HTML DOM

–针对HTML文档的标准模型

怎么用

使用方式

1.获取对象：

image-20240515214954970

2.修改属性值

3.修改标签体内容

属性：innerHTML

为什么