浏览器分层结构
window:窗口对象
location:地址对象
document:文档对象
form:表单对象
DOM-Document Object Model:文档对象模型
可以干什么?
1.获取一个元素
2.移除一个元素
3.创建一个元素
4.向页面里面添加一个元素
5.给元素绑定一些事件
6.获取元素的属性
7.给元素添加一些css样式
DOM的核心对象就是document对象
document对象是浏览器内置对象的一个对象,里面储存着专门用来操作元素的各种方法
文档对象模型(DOM)
DOM-Document Object Model,它是W3C国际组织的一套Web标准。它以树形结构表示文档
(HTML,XML等),定义了遍历,检查和修改各节点的属性和方法。
W3C组织将DOM分为以下几种不同版本:
Core DOM:定义任意结构文档的标准对象集合
XML DOM:定义了针对XML文件的标准对象集合
HTML DOM:定义了针对HTML文件的标准对象集合
DOM CSS:定义了在程序中操作CSS样式的接口
DOM Events:给DOM对象添加事件处理
HTML DOM定义了访问和操作HTML文档的标准方法,它把HTML文档呈现为带有元素,属性和文本的树形结构,定义了访问HTML文档对象的属性,方法和事件。
HTML文档中的每个成分都是一个节点。
整个文档是一个文档节点
每个HTML标签是一个元素节点
包含在HTML元素中的文本是文本节点
每一个HTML属性是一个属性节点
注释属于注释节点
树起始于文档节点,并由此继续伸出枝条,直到处于这棵树最低级别的所有文本节点为止。