m0_37219080 2017-01-05 09:18 采纳率: 25%
浏览 1080

用javascript 输出一个table 50行 13列

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

  • 写回答

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>
    评论

报告相同问题？

悬赏问题

  • ¥15 vue3页面el-table页面数据过多
  • ¥100 vue3中融入gRPC-web
  • ¥15 kali环境运行volatility分析android内存文件，缺profile
  • ¥15 写uniapp时遇到的问题
  • ¥15 vs 2008 安装遇到问题
  • ¥15 matlab有限元法求解梁带有若干弹簧质量系统的固有频率
  • ¥15 找一个网络防御专家，外包的
  • ¥100 能不能让两张不同的图片md5值一样，（有尝）
  • ¥15 informer代码训练自己的数据集，改参数怎么改
  • ¥15 请看一下，学校实验要求，我需要具体代码