操作DOM的样式,有三种方式:
1.通过style属性直接设置
2.通过className属性设置类选择器
3.也可以通过classList属性设置添加多个类选择器
<div id="box"></div>
//第一种
<style>
</style>
//第二种
box.classList
box.style.width = "200px"
box.style.height = "200px"
box.style.border = "2px solid red"
box.classList = "one"
box.classList.add("two")
box.classList.add("three")
//第三种
box.className = "one"
<style>
.one{
border-radius:10px;
margin:50px auto
}
</style>