`
Virgo_S
  • 浏览: 1140737 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

JS动态生成表格

    博客分类:
  • JS
阅读更多
增加:
<html>
<script>
function dy(){
	var row=document.createElement("tr");
	var cell=document.createElement("td");
	cell.appendChild(document.createTextNode("afsafaf"));
	row.appendChild(cell);
	document.getElementById("newbody").appendChild(row);
}

</script>
<body>
<br>
<a name="top" href="#here">go here</a>
<br>
<input type=button value="动态生成" onclick="dy()"/>
<br>
<table>
	<tbody id="newbody"></tbody>
</table>
<br>

</body>
</html>


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]);
    }
    

减少:

deleteRow
<html>
<head>
<title> </title>
<script   language= "JavaScript ">
window.onload   =   function()
{
        T();
}

function   T()
{
        var   t   =   document.getElementById( "tab ");
        if(t.rows.length   >   0)
        {
                t.deleteRow(0);
                setTimeout( "T() ",   1000);
        }        
}
</script>
</head>
<body>
<TABLE   id= "tab "   border= "1 ">
<TR> <TD> 1 </TD> <TD> 2 </TD> <TD> 3 </TD> <TD> 4 </TD> </TR>
<TR> <TD> 5 </TD> <TD> 6 </TD> <TD> 7 </TD> <TD> 8 </TD> </TR>
<TR> <TD> 9 </TD> <TD> 10 </TD> <TD> 11 </TD> <TD> 12 </TD> </TR>
<TR> <TD> 13 </TD> <TD> 14 </TD> <TD> 15 </TD> <TD> 16 </TD> </TR>
</TABLE>

</body>
</html> 

deleteCell
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics