关于 webAPI 你不知道的事

首先,小伙伴知道什么是webAPI吗?

wep就是DOM(页面的内容) + BOM(浏览器窗口)

api 就是js预先定义的 函数, 

webapi就是; 操作DOM(页面的内容) + BOM(浏览器窗口)的函数

我们获取页面内容------通过DOM来获取, 那么问题来了DOM是什么???

DOM就是浏览器提供的一套专门用来  动态操作网页内容 的API(函数) 

DOM 的工作流程, 代码会被读取到内存中 然后生成DOM树(DOM语法增删改查, 渲染也会改变), 再渲染引擎,渲染DOM树,呈现页面.

DOM 原理  修改DOM树的内容,最终呈现页面也会改变,,.   

DOM 动态操作dom树

, 

1,查找元素 (有两种方式)

查询单个元素 querySelector()   ***括号里面的选择器写错,会报null.

查询所有元素 querySelectorAll()   ***括号里面的选择器写错,会得到一个空数组

异同点: 相同点 都是字符串,

不同点 : querySelector() 返回一个dom对象, 可以直接修改

querySelectorAll() 返回一个伪数组, 不直接修改,可以通过数组下标的方式获取dom对象才可以修改,但是没有数组方法(增删改查)

2