JavaScript 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 事件
你将学到什么
在本教程的后续章节中,您将学习
- 如何修改 HTML 元素的内容
- 如何修改 HTML 元素的样式(CSS)
- 如何响应 HTML DOM 事件
- 如何添加和删除 HTML 元素
什么是 DOM?
DOM 是 W3C(万维网联盟)的一项标准。
DOM 定义了访问文档的标准
"W3C 文档对象模型 (DOM) 是一个平台和语言无关的接口,它允许程序和脚本动态地访问和更新文档的内容、结构和样式。"
W3C DOM 标准分为 3 个不同的部分
- Core DOM - 所有文档类型的标准模型
- XML DOM - XML 文档的标准模型
- HTML DOM - HTML 文档的标准模型
什么是 HTML DOM?
HTML DOM 是 HTML 的标准 对象 模型和 编程接口。它定义了
- HTML 元素为 对象
- 所有 HTML 元素的 属性
- 访问所有 HTML 元素的 方法
- 所有 HTML 元素的 事件
换句话说:HTML DOM 是用于获取、修改、添加或删除 HTML 元素的一项标准。