利用createElement() 为表格动态添加行

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<script>
function addRow()
{
var t1=document.getElementById("t1");

var divObj = document.createElement("div");
var row1 = document.createElement("TR");
row1.height = 110;
var col1=document.createElement("TD");
col1.innerText = "1212";
var col2=document.createElement("TD");
col2.innerText ="1212";
var tbody=document.createElement("tbody");
row1.appendChild(col1);
row1.appendChild(col2);
//divObj.appendChild(fileObj);
tbody.appendChild(row1);
t1.appendChild(tbody);

}

</script>
</HEAD>

<BODY>
<table id='t1' width="850" border="1" cellspacing="0" cellpadding="0">
<tr id=>
<td id="d1">&nbsp;</td>
<td>&nbsp;</td>
</tr>

</table>
<input value="添加行" name="addBtn" type="button" onClick='addRow()'>

</BODY>
</HTML>
本文整理自:http://csdn.eyeah.cn/3116/1121/1142/211224923.html

你可能感兴趣的:(html)