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

最新推荐文章于 2024-03-27 17:43:55 发布

gischen++

最新推荐文章于 2024-03-27 17:43:55 发布

阅读量4.2k

点赞数

分类专栏： AJAX 文章标签： generator html button border function input

本文链接：https://blog.csdn.net/xinyueyuli/article/details/522726

版权

AJAX 专栏收录该内容

17 篇文章 0 订阅

订阅专栏

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

gischen++

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
利用createElement() 为表格动态添加行

New Document function addRow(){var t1=document.getElementById("t1");var divObj = document.createElement("div");var row1 = document.createElement("TR");row1.height = 110;var col1=document.createElemen
复制链接

扫一扫