用javascript 输出一个table 50行 13列

用javascript 输出一个table 50行 13列奇数列蓝色偶数列红色 ,鼠标滑过某一行的时候该行变紫色离开后恢复原来的颜色

写回答
好问题 0 提建议
追加酬金
关注问题
分享
邀请回答
编辑收藏删除结题
收藏举报

5条回答默认最新

danielinbiti 2017-01-05 09:37

关注

 <!DOCTYPE html>
<html>
<style>
tr:nth-child(even)
{
   background:red;
}
tr:nth-child(odd)
{
   background:blue;
}
tr:hover{
   background:#D8BFD8;
}
</style>
<body>
<div id='tablecontainer'></div>
<script>
function drawTDs(colNum){
   var tds = "";
   for(var i=0;i<colNum;i++){
       tds = tds + "<td>" + i + "</td>";
   }
   return tds;
}
function drawTRs(rowNum,colNum){
   var trHTML= "";
   for(var i=0;i<rowNum;i++){
        trHTML= trHTML + "<tr>" + drawTDs(colNum) + "</tr>";
   }
   return trHTML;
}
function drawTable(rowNum,colNum){
   var trHTML= "<table border='1' cellspacing='0'>" + drawTRs(rowNum,colNum) + "</table>";
   document.getElementById("tablecontainer").innerHTML = trHTML;
}
drawTable(50,13);
</script>

</body>
</html>