web APIs和DOM的介绍
1 web APIs
1.1 web API介绍
- web api是浏览器提供的一些方法，因为JavaScript本身是无法操作页面的，如更改元素内容，更改元素样式等，所以为了JavaScript能够操作页面上的元素，W3C就制定了一个标准（web api）。其实要求浏览器提供一系列的方法或者事件，让JavaScript能够操作页面上的元素。
- 比如W3C要求浏览器必须提供一个根据id获取元素的方法，而且方法名称必须叫做getElementById，然后各个浏览器厂商，就开始在自己的浏览器中提供这个方法。
- 可能会出现的问题：
- 不同的浏览器厂商在实现标准的时候，内部代码可能不一样，所以同样的一个方法，在不同的浏览器中可能效果是有差别的。
- 还有，除了W3C规定的标准之外，浏览器厂商可能还会自己推出一些方法，方便开发者，所以也会导致某个方法在谷歌浏览器中使用，但是在IE浏览器中无法使用。
1.2 api的概念
API（Application Programming Interface，应用程序编程接口）是一些预先定义的函数，目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力，而又无需访问源码，无需理解其内部工作机制细节，只需直接调用使用即可。
2 DOM介绍
2.1 什么是DOM
- 文档对象模型（Domcument Object Model,简称DOM），是W3C组织推荐的处理可扩展标记语言（html或者xhtml）的标准标准接口。
- W3C已经定义了一系列的DOM接口，通过这些DOM接口可以在改变网页的内容、结构和样式。
DOM是W3C组织制定的一套处理html和xml文档的规范，所有的浏览器都遵循了这套标准。
2.2 DOM树
DOM树 又称为文档树模型，把文档映射成树形结构，通过节点对象对其处理，处理的结果可以加入到当前的页面。
- 文档：一个页面就是一个文档，DOM中使用document表示。
- 节点：网页中的所有内容，在文档树中都是节点（标签、属性、文本、注释等），使用node表示。
- 标签节点：网页中的所有标签，通常称为元素节点，又简称为“元素”，使用element表示。
DOM把以上内容都看作是对象
