针对table,div隔行变色的JS方法
首先用列表标签做出列表来
如果是Table形式，那么在模板这个标签下边加一段JS:
<table id="table1">
<tr><td>jsjsdjksdfdfgdfd</td></tr>
<tr><td>vrtbtynyudegbg</td></tr>
<tr><td>btrgjyjyukmymy</td></tr>
<tr><td>fvdfthdhyjd</td></tr>
</table>
<script Language="Javascript">
var cobj=document.getElementById("table1").rows;
for (i=0;i< cobj.length ;i++) {
(i%2==0)?(cobj[i].style.background = "#eee"):(cobj[i].style.background = "#fff");
}
</script>
如果是Div形式，那么在模板这个标签下边加这么一段JS:
<ul id="div1">
<li>afdsfasdf</li>
<li>asdfasdfasdf</li>
<li>sdfgsdfg</li>
<li>sdfgsdfg</li>
</ul>
<script Language="Javascript">
var cobj=document.getElementById("div1").getElementsByTagName("li");
for (i=0;i< cobj.length ;i++) {
(i%2==0)?(cobj[i].style.background = "#eee"):(cobj[i].style.background = "#fff");
}
</script>
