UC知道JavaScript中，单击按钮如何自动增加表格的行数
来源：百度知道 编辑：UC知道 时间：2024/09/23 23:37:31
你的问题不够详细！是不是增加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>