文档对象模型,通常被称为DOM,是使网站交互的一个重要部分。
文档对象模型表示被显示在一个窗口中的HTML文档。
它是一个接口,允许JavaScript处理网站的内容,结构和样式。
加载网页后,浏览器将创建该页面的文档对象模型。
HTML DOM模型构造的树对象。
下面的示例解释什么是DOM:
<html> <head> <title>Example</title> </head> <h1>Example Page</h1> <p>This is an example page</p> </html>
以上代码的DOM表示如下:
HTML DOM是HTML的标准对象模型和编程接口。它定义:
HTML元素作为对象
所有HTML元素的属性
访问所有HTML元素的方法
所有HTML元素的事件
换句话说:HTML DOM是如何获取,更改,添加或删除HTML元素的标准。
通过对象模型,JavaScript获得了创建动态HTML所需的全部功能:
JavaScript可以更改页面中的所有HTML元素
JavaScript可以更改页面中的所有HTML属性
JavaScript可以更改页面中的所有CSS样式
JavaScript可以删除现有的HTML元素和属性
JavaScript可以添加新的HTML元素和属性
JavaScript可以对页面中所有现有的HTML事件做出反应
JavaScript可以在页面中创建新的HTML事件
在本教程的下一章中,您将学习:
如何找到HTML元素
如何更改HTML元素的内容
如何添加和删除HTML元素
如何更改HTML元素的样式(CSS)
如何添加和删除HTML属性
如何浏览DOM树