如何动态生成一表格,并在其单元格里插入不同的内容

daeren 2004-10-27 12:09:47
如何动态生成一表格,并在其单元格里插入不同的内容
...全文
188 4 打赏 收藏 转发到动态 举报
写回复
用AI写文章
4 条回复
切换为时间正序
请发表友善的回复…
发表回复
gaofaq 2004-10-27
  • 打赏
  • 举报
回复
<script language="JavaScript">
var tbl = document.createElement("TABLE");
var tbody = document.createElement("TBODY");
var tr = document.createElement("TR");
var td = document.createElement("TD");
td.innerText = "Test";
tr.appendChild(td);
tbody.appendChild(tr);
tbl.border = "1";
tbl.appendChild(tbody);
document.body.appendChild(tbl);
</script>
daeren 2004-10-27
  • 打赏
  • 举报
回复
谢谢各位!自己已经解决了问题!
  • 打赏
  • 举报
回复
<html>

<head>

<title>New Page 1</title>
</head>
<script>

function init()
{
var tabelnew;
tablenew=document.getElementById("table1");
for(i=0;i<5;i++){
var trnew=tablenew.insertRow(i);
var tdnew = trnew.insertCell(0);
var tdnew1 = trnew.insertCell(1);
var tdnew2 = trnew.insertCell(2);
var tdnew3 = trnew.insertCell(3);
var tdnew4 = trnew.insertCell(4);
var tdnew5 = trnew.insertCell(5);
tdnew.innerText = i;
tdnew1.innerText = i;
tdnew2.innerText = i;
tdnew3.innerText = i;
tdnew4.innerHTML = "<a href='javascript:swap("+i+")'>up</a>";
}
}
function swap(i){
var temp;
if(i!=0)
{
for(a=0;a<4;a++){
temp=document.all.table1.rows(i-1).cells(a).innerText;
document.all.table1.rows(i-1).cells(a).innerText=document.all.table1.rows(i).cells(a).innerText;
document.all.table1.rows(i).cells(a).innerText=temp;
}

}
}


</script>
<body onload="init()">
<table id="table1"></table>
</body>
ttyp 2004-10-27
  • 打赏
  • 举报
回复
<!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>

<body>
<script language="JavaScript">
<!--

var t = document.createElement("<table>");
t.border = 1;
for(var j= 0 ;j<=3;j++)
{
var tr = t.insertRow(0);
for(var i = 0;i<4;i++)
{
var td = tr.insertCell();
td.innerText = Math.random();
}
}
document.body.insertBefore(t);

//-->
</script>
</body>
</html>

87,910

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧