4.DOM.md

[TOC]

DOM模型

HTML DOM 定义了访问和操作 HTML 文档的标准方法

DOM 将 HTML 文档表达为树结构

什么是 DOM

DOM 是 W3C（万维网联盟）的标准。

DOM 定义了访问 HTML 和 XML 文档的标准：

W3C 文档对象模型 （DOM） 是中立于平台和语言的接口，它允许程序和脚本动态地访问和更新文档的内容、结构和样式

W3C DOM 标准被分为 3 个不同的部分：

I. 核心 DOM - 针对任何结构化文档的标准模型（针对任何标记语言）

• Document：文档对象
• Element：元素对象
• Attribute：属性对象
• Text：文本对象
• Comment：注释对象

II. XML DOM - 针对 XML 文档的标准模型

III. HTML DOM - 针对 HTML 文档的标准模型

1. 核心DOM模型

Document文本对象

I. 创建（获取）：在html DOM模型中可以使用window对象来获取

1. window.document

2. document

II. 方法：

a. 获取Element对象：

• getElementById()：根据id属性值获取元素对象。id属性值一般唯一

• getElementsByTagName()：根据元素名称获取元素对象们。返回值是一个数组

• getElementsByClassName()：根据class属性值获取元素对象们。返回值是一个数组

• getElementsByName()：根据name属性值获取元素对象们。返回值是一个数组

b. 创建其他DOM对象：

createAttribute(name)

createcomment()

createElement()

createTextNode()

Element元素对象

1.获取/创建：通过document来获取和创建

2.方法：

• removeAttribute()：删除属性

• setAttribute()：设置属性