JS建空表

来源:互联网 发布:青年网络公开课视频 编辑:程序博客网 时间:2024/06/07 00:39

<div id="table">hello</div>
<script>
   
var container = document.getElementById("table");
    alert(container);
   
var tb = document.createElement('TABLE');
    container.appendChild(tb);
   
var tbody = document.createElement("TBODY");
   
var num = 1;
   
for(var i=0;i<5; i++){
       
var row = document.createElement("TR");
       
for(var j=0;j<6;j++){
           
var td = document.createElement("TD");
           
var txt = document.createTextNode(num++);
           
//alert(txt);
            td.appendChild(txt);
            row.appendChild(td);
        }
        tbody.appendChild(row);
    }
    tb.appendChild(tbody);
   
</script>

原创粉丝点击