当前位置: 代码迷 >> JavaScript >> 表格单元格背景变色解决方法
  详细解决方案

表格单元格背景变色解决方法

热度:10   发布时间:2012-03-24 14:00:46.0
表格单元格背景变色
如何让奇数行的单元格变色,让偶数行的单元格变其他色。JS如何写??高手指导

------解决方案--------------------
<body>
<ul id="ul">
<li>li1</li>
<li>li2</li>
<li>li3</li>
<li>li4</li>
<li>li5</li>
<li>li6</li>
<li>li7</li>
<li>li8</li>
<li>li9</li>
<li>li10</li>
<li>li11</li>
<li>li12</li>
<li>li13</li>
<li>li14</li>
<li>li15</li>
<li>li16</li>
</ul>
<script>
void function(){
var lis = document.getElementById('ul').getElementsByTagName('li');
for (var i = 1; i < lis.length; i += 2){
lis[i].style.color = "red";

lis[i+1].style.color = "blue";//这句如果不写就代表白色

//color 或者 background-color自己定义就可以了
}
}();
</script>
</body>
  相关解决方案