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

最新推荐文章于 2023-12-22 14:55:40 发布

最新推荐文章于 2023-12-22 14:55:40 发布 · 415 阅读

文章标签：

#HTML

此博客展示了一段HTML代码，通过JavaScript函数实现表格添加行的功能。代码中定义了addRow函数，创建表格行和单元格元素并添加到表格中，页面上有一个按钮，点击可触发该函数添加行。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!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>

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

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