与HTML DOM,JavaScript可以访问和更改的HTML文档中的所有元素。
在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元素的标准。