现在的位置: 首页 > 综合 > 正文

使用javascript动态生成html表格

2012年02月01日 ⁄ 综合 ⁄ 共 589字 ⁄ 字号 评论关闭
以下代码实现动态生成了一个一列五行的简单表:

<script language=javascript>
<!--
    
var obj = document.createElement("table");
    
var tbody = document.createElement("tbody");
    
var tr = document.createElement("tr");
    
var td = document.createElement("td");
    td.innerText 
= "AAA"
    tr.appendChild(td);
    tbody.appendChild(tr);
    obj.appendChild(tbody);
    document.all.Form1.appendChild(obj);
    
var obj2 = new Array();
    
for (var i=0;i<5;i++)
    {    
        obj2[i] 
= obj.cloneNode(true);
        obj2[i].setAttribute(
"border","1");
        document.all.Form1.appendChild(obj2[i]);
    }
    
    
//-->
</script>

抱歉!评论已关闭.