JS实现表格自动隔行换色
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE>JS实现表格自动隔行换色丨石家庄冷风机|</TITLE> </HEAD> <BODY> <style> .t1 {background-color:#C8FC98;text-align:center} .t2 {background-color:#ffffff;text-align:center} </style> <table id="table1" width="100%" border="0" cellpadding="0" cellspacing="0"> <tr><td>jsjsdjksdfdfgdfd</td></tr> <tr><td>vrtbtynyudegbg</td></tr> <tr><td>btrgjyjyukmymy</td></tr> <tr><td>fvdfthdhyjd</td></tr> <tr><td>htyjertyuktuijcdukdetyjety</td></tr> <tr><td>fdghrguiowheruighiaue</td></tr> <tr><td>aosiiopweorhwdebfcjlhaSD</td></tr> <tr><td>SDHFKAJBNELFJAOSDFA</td></tr> <tr><td>sdafasdgdasfgggggggasdffasd</td></tr> <tr><td>sjdfkjherhtuiehrjfhgsjghghdfgd</td></tr> <tr><td>asdfgasdddddddddddd</td></tr> <tr><td>fghdhgdfhfg</td></tr> <tr><td>shdfsjitirueruiwoiwopeirwueitu</td></tr> <tr><td>sjdfkjherhtuiehrjfhgsjghghdfgd</td></tr> <tr><td>sjdfkjherhtuiehrjfhgsjghghdfgd</td></tr> </table> <script Language="Javascript1.2"> for (i=0;i<table1.rows.length;i++) { (i%2==0)?(table1.rows(i).className = "t1"):(table1.rows(i).className = "t2"); } </script> </BODY> </HTML> <br>随便添加一行试试~<br><hr>
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。