Web api

作用：

就是用js去操作html和浏览器

分类：

1.BOM（浏览器对象模型）

2.DOM（文档对象模型）

用来呈现以及与任意html或xml文档交互的API

白话文：是浏览器提供的一套专门用来操作页面内容的功能

DOM树

将html文档一树状结构直观的表现出来，我们称之为文档树或DOM树

DOM对象

浏览器根据html标签生成的js对象（浏览器自动帮我们创建好了）

1.所有的标签顺序性都可以在这个对象上面找到

2.修改这个对象的属性会自动映射到标签身上

document （对象）

浏览器提供的对象（我们直接获取）

选取输出dom元素内容

document.querySelector

能找到 就返回dom元素 dom对象

找不到就返回null

当有两个标签的时候，只能获取第一个标签元素

document.querySelectorALL

获取全部相同元素，返回一个数组

不管选择器是否写对，返回值都是数组

控制台：

innerText固定写法：（应用到网页）动态修改网页元素

动态设置文本内容

3种实现标签中写

1.document.write 只能在body标签中写 以后很少使用它

2.innerText 只能设置文本，不能解析html字符串

3.innerHTML可以设置文本，也可以解析html字符串

dom元素样式--属性（三种）

1.修改属性

2.通过className添加类

容易覆盖以前的类名

3.通过classlist操作控制css

解决classNmae覆盖以前的css的问题

标签.classList.add('添加一个类')

标签.classList.remove('之定义出一个类')

标签.classList.toggle('切换（如果本来有，就溢出，如果没有我家添加）')

定时器-间歇函数

作用：能够使用定时器函数重复执行代码

定时器函数可以开启和关闭定时器

1.开启定时器

作用：

写法：

开启定时器

let timeld=setlnterval（函数，时间间隔-单位毫秒）

清除定时器

clearlnterval（timeld）