js修改背景颜色

JavaScript014

js修改背景颜色,第1张

可以加上id属性例如：

<div id="div" style="width:100pxheight:100px">ssss</div>

<script>

var d = document.getElementById("div")

d.style.backgroundColor = "red"

</script>

使用jquery的伪类选择器，例如

$("选择器 :odd").css("background","#0f0")//奇数行

$("选择器 :even").css("background","#ff0")//偶数行

若是用原生js就要判断，例如

for(var i = 0i <元素行数i++){

if(i%2 == 0){

//奇数行代码

}else{

//偶数行代码

}

}

而且用css也可以添加奇偶数行的样式，例如元素为tr的奇偶设置

tr:nth-child(odd){background:#0f0}

tr:nth-child(even){background:#ff0}

nth-of-type伪类选择器也能实现此效果。