JavaScript中,单击按钮如何自动增加表格的行数

发布网友发布时间：2022-05-02 02:29

共1个回答

热心网友时间：2022-04-24 10:56

你的问题不够详细！是不是增加table的行数，即点击一个button后给指定的tabel增加一个tr？如果要增加tr必须要定义好tabel的格式，一个tr有几个td。
下面的代码可以直接使用，我已经在firefox下测试过，每点击一次就会添加一个tr。不够好的地方是不够美观。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<script language="javascript">
function addTr(){
var tabel = document.getElementById("added");
var tr = document.createElement("tr");
var td = document.createElement("td");
var text = document.createTextNode("新添加的td");
td.appendChild(text);
tr.appendChild(td);
tabel.appendChild(tr);
}
</script>
</HEAD>

<BODY>
<input type="button" value="增加" onclick="addTr()">
<table id="added" border="2" cellspacing="8" backcolor>
<tr width="50px">
<td>
<font color="red">样例</font>
</td>
</tr>
</table>
</BODY>
</HTML>