2.设置/修改元素样式属性

2.操作类名（classname）操作css

如果修改样式比较多，直接通过style修改比较繁琐，我们可以通过借助于css类名的形式

语法

// active 是一个类名
元素.className = 'active'

注意：

1.由于class是关键字，所以className去代替

2.className是使用新值换旧值，如果需要添加一个类，需要保留之前的类名

1.使用className 有什么好处？

可以同时修改多个样式

2.使用className 有什么注意事项？

直接使用className会覆盖以前的类名

3.通过classList操作类控制css

为了解决className操作类控制css，我们可以通过classList方式追加和删除类名

语法

//追加一个类
元素.classList.add('类名')
//删除一个类
元素.classList.remove('类名')
//切换一个类
元素.classList.toggle('类名')

提问：

使用classList和className的区别？

修改大量样式更方便

修改不多样式方便

classList 追加删除不影响以前的类名

表单很多情况，也需要修改属性，比如点击眼睛，可以看到密码，本质是把表单类型转换为文本框，正常的有属性，有取值的 跟其他属性标签没有任何区别

获取：dom对象.属性名

设置：BOM对象.属性名 = 新值

表单.value = '用户名'
表单.type = 'password'

定时器-间歇函数

网页中经常会需要一些功能：每隔一段时间需要自动执行一段代码，不需要我们手动去触发

例如：：网页中的倒计时

要实现这种需求，需要定时函数

定时函数有两种，我们先讲间歇函数

 上图就是要用到定时器的素材

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

1.开启定时器

setInterval(函数,间隔)

作用：每隔一段时间就调用一次函数

间隔时间单位是毫秒

提问：

1.定时器有什么作用？

可以根据时间重复执行某些代码

2.定时器如何开始？

setInterval(函数，间隔时间)

3.定时器如何关闭

let 变量名 = setInterval(函数，间隔时间)

clearInterval(变量名)