针对table,div隔行变色的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 = "#ffff11"):(cobj[i].style.background = "#ee1111");
}
</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>
<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 = "#ffff11"):(cobj[i].style.background = "#ee1111");
}
</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>