JS WebApi ECMAScript,DOM Api BOM Api

【JavaScript】WebAPI详解_Java猿~的博客-CSDN博客_javascript webapi

1. 了解什么是WebAPI

2. 认识DOM

3. 获取页面元素

3.1 querySelector

3.2 querySelectorAll

4. 认识事件

5. 操作元素

5.1 获取/修改元素内容

5.1.1 innerText 

5.1.2 innerHTML 

5.2 获取/修改元素属性

5.3 获取/修改表单元素属性

5.4 获取/修改样式属性

5.4.1 行内样式操作 

5.4.2 类名样式操作

6. 操作节点

6.1 新增节点

6.1.1 创建元素节点

6.1.2 往dom树中插入节点

6.2 删除节点

1. 了解什么是WebAPI
前面学习的JS分为三大部分：

ECMAScript：基础语法部分
DOM API：操作页面结构
BOM API：操作浏览器
WebAPI就包括了DOM和BOM，API是一个广义的概念，而WebAPI是一个更具体的概念，指DOM+BOM，所谓API的本质就是一些现成的函数/对象，程序员可直接拿来用，方便开发

2. 认识DOM
DOM全称为Document Object Model

W3C标准为我们提供了一些列函数，使得我们可以操作：网页内容，网页结构，网页样式

DOM树：一个页面的结构是一个树形结构，称为DOM树