首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

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

2012-03-24 
表格单元格背景变色如何让奇数行的单元格变色,让偶数行的单元格变其他色。JS如何写??高手指导[解决办法]bo

表格单元格背景变色
如何让奇数行的单元格变色,让偶数行的单元格变其他色。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>

热点排行