首页 > 技术文章 > 用JavaScript来生成HTML

xiangxisheng 2017-11-16 12:16 原文

用JavaScript来生成HTML

<style>
table{
    border-top: 1px #ff0000 solid;
    border-left: 1px #ff0000 solid;
    border-spacing: 0px;
}
table td{
    border-bottom: 1px #ff0000 solid;
    border-right: 1px #ff0000 solid;
}
</style>
<body></body>
<script>
function table1(tdcount){
    var table=document.createElement("table");
    var tr=document.createElement("tr");
    for(var i=0;i<tdcount;i++){
        var td=document.createElement("td");
        td.innerHTML=i+1;
        td.align="center"
        tr.appendChild(td);
    }
    table.appendChild(tr);
    table.width="100%";
    table.height=50;
    return table;
}
for(var i=1;i<=10;i++){
    document.getElementsByTagName("body")[0].appendChild(table1(i));
}
</script>

 

推荐阅读