一.获取元素
1.let 元素对象 = document.querySelector('选择器')
1.只能获取满足条件的第一个元素
2.如果能够获取到则返回当前元素对象,这个对象可以直接进行dom对象,如果没有获取成功则返回null
2.querySelectorAll:可以获取满足条件的所有元素,返回一个伪数组
1.这种伪数组不能做为dom元素直接操作
2.伪数组中的每一个成员都是dom元素
3.所有伪数组一般需要先遍历再使用
4.如果获取失败,返回一个空的伪数组
二.标签之间内容修改
1.innerText:在获取标签之间的内容时,只能获取到文本内容,过滤掉标签结构
2.innerHTML:在获取标签之间内容的时候,可以获取到完整的html结构
三.添加元素样式
1.元素.style.样式属性 = '样式值 ': 如果样式多书写不方便,如果有其他元素需要一样的样式则无法调用,这样会照成代码冗余
2.语法:元素.className = '类名':如果添加这个元素里面已经有类样式它会覆盖已有的类样式,如需要使用一定要确认这个元素的类样式只有单独一个
3.语法:元素.classList.add/remove/toggle/contains('样式类名')

四.定时器
1.setInterval(需要执行的函数,间隔时间):可以每间隔指定的时间重复执行指定的函数
特点:定时器的函数不会立刻执行,而是间隔时间之后再执行第一次,时间以豪秒做为单位
let 标识timeId = setInterval(function() {
console.log('还早')
}, 5000)
2.关闭定时器clearInterval(标识timeId)