我們?cè)谧鼍W(wǎng)頁交互時(shí)經(jīng)常要改變dom上的樣式掏婶，這里總結(jié)下三種我常用的方式。
我們先定義一個(gè)class
<style>
.active{
color: #ffddcc;
}
</style>
1. 使用setAttribute()
let div1 = document.getElementById('div1')
div1.setAttribute('class', 'active')
瀏覽器兼容性： ie8 及以上
2. classList
let div2 = document.getElementById('div2')
div2.classList.add('active')
瀏覽器兼容性： ie10 及以上
3. className
let div3 = document.getElementById('div3')
div3.className('active')
瀏覽器兼容性： 全兼容
