for循环生成九九乘法表

 先设置每个格子的样式:

div{
    width:100px;
    height:50px;
    background-color: red;
    color:#fff;
    text-align: center;
    font-size:16px;
    line-height: 50px;
    position: absolute;
}

使用JavaScript生成表格:

//此循环生成行
for
(var i=1;i<10;i++){
  
  //此循环生成列
for(var j=1;j<i+1;j++){ document.body.innerHTML += '<div style="left:'+(j-1)*104+'px;top:'+i*54+'px;">'+j+'*'+i+'='+i*j+'</div>';
};
};

 

posted @ 2017-12-13 18:50  szy啊  阅读(165)  评论(0编辑  收藏  举报