WebAPI基础（一）知识点 WebAPI
Web 网页
API 应用程序编程<接口>
WebAPI 就是 浏览器提供给我们操作网页的一系列接口，我们主要学习这些接口怎么使用。

WebAPI 常见三个术语：
文档 document 网页文档，代表的是整个网页
节点 node 节点就是组成网页的每个部分，包括 标签节点，属性节点，文本节点，注释节点...
元素 element 元素就是<标签节点>

查找元素(标签)
document.getElementById()
在网页文档中，通过 id获取元素
document.getElementsByTagName
在网页文档中，通过 标签名 获取 元素s
事件
事件主要用来捕获用户操作.
事件三要素
事件源
事件类型
事件处理函数
操作元素样式
修改行内式
修改类名


网页文档 核心单词：document
控制台输出

控制台输出 document ，document 就是整个网页文档 .

console.log(document);

文章图片

数据类型

document 的数据类型是 object ，在 JavaScript 中以对象的形式存储

文章图片

文档以对象形式输出

document 是对象，console.dir 在控制台以对象形式输出文档，可看到文档对象的 <属性>和<方法>

console.dir(document);

文章图片

查找(获取)元素 通过id名称获取元素

document.getElementById('id名称'); ? 查找成功： 返回元素 查找失败： 返回 null

所有<元素>在 JavaScript 中都是<对象>的形式：

/* 通过 box01 的 id 名称在网页中查找到一个元素，保存到 box01 的变量名中 */ var box01 = document.getElementById('box01'); ? /* 利用 typeof 关键词检测<元素>的<数据类型> */ console.log(typeof box01); //