最新的Web开发教程
 

JavaScript HTML DOM


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


在HTML DOM(文档对象模型)

当网页被加载时,在浏览器创建网页的文档对象模型。

HTML DOM模型构造为对象树:

对象的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个不同的部分:

  • 核心DOM - 对所有文档类型标准模型
  • XML DOM - 为XML文档的标准模式
  • HTML DOM - 为HTML文档标准模型

什么是HTML DOM?

该HTML DOM是HTML标准的对象模型和编程接口 。 它定义:

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

换句话说:在HTML DOM是如何获得,更改,添加或删除HTML元素的标准。