松软科技课堂: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 元素的事件