JavaScript HTML DOM


目录

    显示目录


通过 HTML DOM,JavaScript 可以访问和更改 HTML 的所有元素 文档。


HTML DOM(文档对象模型)

加载网页时,浏览器会创建一个文档 页面的O对象模型模型。

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 元素的标准。

版权所有。 © BasicIT.org • 2023-2024