JQuery和JS实现奇偶行不同背景颜色
JQuery实现:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>New Web Project</title><script type="text/javascript"> //页面加载事件window.onload=function(){//获取tablevar tb1 = document.getElementById("t1");//获取table中的tbodyvar tbody = tb1.getElementsByTagName("tbody")[0];//获取trvar trs = tbody.getElementsByTagName("tr");//根据奇、偶行显示不同的背景颜色for(var i=0; i<trs.length;i++){if(i%2==0){trs[i].style.backgroundColor="red";}else{trs[i].style.backgroundColor="blue";}}}</script></head><body><table id="t1" width="500px" align="center"> <tbody><tr><td>aaaaaaa</td></tr><tr><td>bbbbbbb</td></tr><tr><td>ccccccc</td></tr><tr><td>ddddddd</td></tr><tr><td>eeeeeee</td></tr><tr><td>fffffff</td></tr><tr><td>ggggggg</td></tr><tr><td>hhhhhhh</td></tr> </tbody></table></body></html>