松软科技课堂:JS HTML DOM

通过 html dom，javascript 能够访问和改变 html 文档的所有元素。

html dom（文档对象模型）

当网页被加载时，浏览器会创建页面的文档对象模型（document object model）。

html dom 模型被结构化为对象树：

对象的 html dom 树

通过这个对象模型，javascript 获得创建动态 html 的所有力量：

• javascript 能改变页面中的所有 html 元素
• javascript 能改变页面中的所有 html 属性
• javascript 能改变页面中的所有 css 样式
• javascript 能删除已有的 html 元素和属性
• javascript 能添加新的 html 元素和属性
• javascript 能对页面中所有已有的 html 事件作出反应
• javascript 能在页面中创建新的 html 事件

什么是 dom？

dom 是一项 w3c (world wide web consortium) 标准。

dom 定义了访问文档的标准：

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

w3c dom 标准被分为 3 个不同的部分：

• core dom - 所有文档类型的标准模型
• xml dom - xml 文档的标准模型
• html dom - html 文档的标准模型

什么是 html dom？

html dom 是 html 的标准对象模型和编程接口。它定义了：

• 作为对象的 html 元素
• 所有 html 元素的属性
• 访问所有 html 元素的方法
• 所有 html 元素的事件