如何通过js给某个元素设置样式

document.getElementById("id").style.display = "none"

document.getElementsByTagName("a")[0].style.color = "red"

举两个例子

例如改变背景色：

<div id="changeColor">使用JS改变背景色</div>

<script>

var cc = document.getElementById("changeColor")

cc.style.backgoundColor="#000" //将背景色改为黑色

cc.style.fontSize="20px" // 将文字大小改为20px，等号右边也可以写为20+"px"

cc.style.color="#fff" //将文字颜色改为白色

</script>

以此类推即可

以给 body 标签添加 class 为例

通过 jQuery

$( 'body').addClass( 'class1 class2' )

$( 'body' ).removeClass( 'class1 class2' )

支持 classList 的高级浏览器（IE10+，Chrome，Firefox，Safari）

document.body.classList.add( 'class1', 'class2' )

document.body.classList.remove( 'class1', 'class2' )

不支持 classList 的浏览器只能通过 className 来添加

document.body.className += ' class1 class2'

---