JavaScript API 与 DOM

一、API

　　1、API 的概念

　　　　API（Application Programming Interface,应用程序编程接口）是一些预先定义的函数，目的是提供引用程序与开发人员基于某软件或硬件得以访问的一组例程的能力，而又无需访问源码，或理解内部工作机制的细节。

　　　　API 的特征：具有输入和输出（I/O）

　　2、Web API 的概念

　　　　浏览器提供的一套操作浏览器功能和页面元素的 API（BOM和DOM）。

　　　学习参考网址：MDN-Web-API

二、DOM

　　1、DOM 的概念

　　　　文档对象模型（Document Object Model，简称 DOM），是 W3C 组织推荐的处理可扩展标记语言的标准编程接口。

　　　它是一种与平台和语言无关的应用程序接口（API），它可以动态地访问程序和脚本，更新其内容、结构和 www 文档的风格。

　　　文档可以进一步被处理，处理的结果可以加入到当前的页面。DOM 是一种基于树的 API 文档，它要求在处理过程中整个文档都表示在存储器中。

　　　DOM 又称为文档树模型：

　　　

• • 文档：一个网页可以称为文档
  • 节点：网页中的所有内容都是节点（标签、属性、文本、注释等）
  • 元素：网页中的标签
  • 属性：标签的属性

　　　　   Document 对象：

　　　　　　① document 管理了所有的  HTML 文档内容；

　　　　　　② document 它是一种树结构的文档，有着层级关系；

　　　　　　③ 它让我们把所有的标签都 对象化；

　　　　　　④ 可以通过 document 访问所有的标签对象；

　　2、DOM 经常进行的操作

• • 　　 获取元素
  •       对元素进行操作（设置其属性或调用其方法）
  •       动态创建元素
  •       事件（在某一情况下做响应的操作）