javascript插入表格行和列

最新推荐文章于 2024-03-13 16:20:33 发布

原创最新推荐文章于 2024-03-13 16:20:33 发布 · 1.4k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #generator #table #html #function

php 专栏收录该内容

13 篇文章

订阅专栏

此博客展示了使用JavaScript创建表格的代码。通过定义createtabletest函数，实现向表格插入行、单元格并添加内容，还能为表格每行插入序号。代码包含HTML结构和JavaScript脚本，最后调用函数完成表格创建。

<!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="">
</HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!--
function createtabletest(){

var objTable = document.getElementById("table1");
var objTR = objTable.insertRow();
var objTD= objTR.insertCell();
objTD.innerHTML='增加';

////////////////////////////////////////////////

for(var i=0;i<objTable.rows.length;i++)
{

   var objTD=     objTable.rows[i].insertCell(0);
   objTD.innerHTML=i;

}
////////////////////////////////////////////////

}
//-->
</SCRIPT>
<BODY>
<TABLE id="table1">

</TABLE>
<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>
</BODY>
</HTML>