 
      
      
    2020-3-20 seo達(dá)人
<!DOCTYPE html>
<html>
 <head>
 <meta charset="UTF-8">
 <title>隔行變色</title>
 </head>
 <body>
 <table id="mytable" align="center" width="80%" border="1">
 <tr bgcolor="#cccccc">
 <td>aaa</td>
 <td>aaa</td>
 <td>aaa</td>
 </tr>
 <tr>
 <td>bbb</td>
 <td>bbb</td>
 <td>bbb</td>
 </tr>
 <tr>
 <td>ccc</td>
 <td>ccc</td>
 <td>ccc</td>
 </tr>
 </table>
 <script type="text/javascript">
 window.onload=function(){
 //獲取mytable中標(biāo)簽名為tr的字節(jié)點(diǎn)
 mytable=document.getElementById("mytable");
 trs=mytable.getElementsByTagName("tr");
 len=trs.length;
 flag=true;
 for(i=0;i<len;i++){
 if(flag){
 //每隔一行設(shè)置背景色
 var tr=document.getElementsByTagName("tr")[i].setAttribute("bgcolor","#cccccc");
 flag=false;
 }else{
 flag=true;
 }
 }
 }
 </script>
 </body>
</html>
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.ynkmey.cn