87,994
社区成员
发帖
与我相关
我的任务
分享如何用javascript在table中动态添加行？
<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>
<input type="submit" name="Submit" value="Submit" onclick="aa()">
<table width="100%" border="1">
<script language="javascript">
function aa()
{
//在此处添加行
}
</script>
</table>
</body>
...全文
请发表友善的回复…
发表回复
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)
}
}
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>";
var tbl = document.all.tags("TABLE")[0];
var row = tbl.insertRow();
var cell=row.insertCell();
cell.innerHTML = "<span style='color:red'>hello world</span>";
web页面中通过鼠标拖动来调整table列宽的实例，用JS实现，使用起来超级简单，只需要把JS文件导入，然后在需要实现该效果的table中套用CSS就可以了，还不会的去看实例，实例中有DEMO的页面。
