通过table.rows动态更改表格每行样式: <html> <head> <title> tb </title> <script> window.onload = function(){ var tbl = document.getElementById("tb"); for(var i = 0; i < tbl.rows.length; i++){ tbl.rows[i].cells[0].innerText = "ddddddd";//自动在每行第一个单元格内填入内容 if(i % 2 == 0){//偶数行背景色为红色 tbl.rows[i].style.backgroundColor = 'red'; }//基数行背景色为蓝色 else tbl.rows[i].style.backgroundColor = "blue"; } } </script> </head> <body`> <table width="500" border= "1" id= "tb"> <tr> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> </tr> </table> </body> </html>