【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树