2020-07-16 JS学习 使用js创建表格

1、基本的方法：
createCaption()创建表头；
insertRow()创建<tr>;
insertCell()创建<td>;
innerHTML添加内容；
2、例子：制作九九乘法表表格

<div id="ctable"></div>
<script type="text/javascript">
    var table=document.createElement("table");//创建table元素
    var caption=table.createCaption();//创建表头
    caption.innerHTML="九九乘法表";//设置表头文字信息
    table.setAttribute("width","500");
    table.setAttribute("border","1");
    for(var i=1;i<10;i++){
        var tr=table.insertRow();
        for(var j=1;j<=i;j++){
            var td=tr.insertCell();
            td.innerHTML=i+"*"+j+'='+i*j;
        }
    }
    document.getElementById("ctable").appendChild(table4);
</script>

3、效果

2020-07-16_234537.png