JavaScript中，单击按钮如何自动增加表格的行数
1个回答
展开全部
你的问题不够详细！是不是增加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>
下面的代码可以直接使用，我已经在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>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
