WebAPI基础（一）

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);            //