如何用javascript在table中动态添加行?

lxg2000 2002-03-18 11:26:10
<body bgcolor="#FFFFFF" text="#000000">
<input type="submit" name="Submit" value="Submit" onclick="aa()">
<table width="100%" border="1">
<script language="javascript">
function aa()
{
//在此处添加行
}
</script>
</table>
</body>
...全文
253 2 打赏 收藏 转发到动态 举报
写回复
用AI写文章
2 条回复
切换为时间正序
请发表友善的回复…
发表回复
eojessie 2002-03-18
  • 打赏
  • 举报
回复
var tbl = document.all.tags("TABLE")[0];
var tbody_node = document.createElement("tbody");
table_node.appendChild(tbody_node);

for (var row_counter = 1; row_counter <= table_rows; row_counter++) {
var tr_node = document.createElement("tr")
tbody_node.appendChild(tr_node)
for (var col_counter = 1; col_counter <= table_columns; col_counter++) {
var td_node = document.createElement("td")
tr_node.appendChild(td_node)
}
}
karma 2002-03-18
  • 打赏
  • 举报
回复
try


var tbl = document.all.tags("TABLE")[0];
var row = tbl.insertRow();
var cell=row.insertCell();
cell.innerHTML = "<span style='color:red'>hello world</span>";

87,996

社区成员

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

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