JavaScript中的对象和HETML DOM

自定义对象

• 开发人员根据自己的需要而定义的新对象。

JavaScript内置对象

• JavaScript将一些常用功能预先定义成对象，用户可以直接使用，这就是内置对象。
• 如字符串对象、数学对象、日期对象、数组对象、正则表达式对象等

浏览器内置对象

• 浏览器对象是浏览器根据系统当前的配置和所装载的页面为JavaScript提供的一系列可供使用的对象。
• 如Window对象、Document对象、History对象等

文档对象模型（DOM）

• DOM Document Object Model它是W3C国际组织的一套Web标准，它以树形结构表示文档(HTML、XML等)，定义了遍历、检查和修改各节点的属性和方法。
• W3C组织将DOM分为以下几种不同版本：

1. Core DOM:定义任意结构文档的标准对象集合
2. XML DOM:定义了针对XML文件的标准对象集合
3. HTML DOM：定义了针对HTML文件的标准对象集合
4. DOM CSS:定义了在程序中操作CSS样式的接口
5. DOM Events:给DOM对象添加事件处理。

HTML DOM

• HTML DOM定义了访问和操作HTML文档的标准方法，它把HTML文档呈现为带有元素、属性和文本的树形结构，定义了访问HTML文档对象的属性、方法和事件。
• HTML文档中的每个成分都是一个节点。

1. 整个文档是一个文档节点
2. 每个HTML标签是一个元素节点
3. 包含在HTML元素中的文本是文本节点
4. 每一个 HTML属性是一个属性节点
5. 注释属于注释节点

• 树起始于文档节点，并由此继续伸出枝条，直到处于这棵树最低级别的所有文本节点为止

DOM(Document Object Model)：文档对象模型

可以干什么？

1. 获取一个元素
2. 移除一个元素
3. 创建一个元素
4. 向页面里面添加一个元素
5. 给元素绑定一些事件
6. 获取元素的属性
7. 给元素添加一些css样式

DOM的核心对象就是document对象

document对象是浏览器内置对象的一个对象，里面存储着专门用来操作元素的各种方法