62,074
社区成员
发帖
与我相关
我的任务
分享
<html>
<head>
<title></title>
</head>
<body>
<table id="_tb" border="1" cellspacing="0" width="300px">
<tbody id="_tbody">
<tr>
<td width="80%">名称</td>
<td width="20%">操作</td>
</tr>
</tbody>
</table>
<input type="hidden" value="1" id="hid_tr" />
<input type="button" onclick="addRow(document.getElementById('hid_tr').value,'第'+document.getElementById('hid_tr').value+'行内容');" value="增加行" />
<script language="javascript" type="text/javascript">
function addRow(rowid,cell_name) {
var row = document.createElement("tr");
row.setAttribute("id",rowid);
//数据列
var cell1 = document.createElement("td");
cell1.appendChild(document.createTextNode(cell_name));
row.appendChild(cell1);
//删除列
var cell2 = document.createElement("td");
var span_del = document.createElement("span");
span_del.innerHTML = "<a class=\"a_del\" href=\"javascript:void(0);\" onclick=\"delRow('"+rowid+"')\" title=\"删除\">删除</a>";
cell2.appendChild(span_del);
row.appendChild(cell2);
document.getElementById("_tbody").appendChild(row);
document.getElementById('hid_tr').value = parseInt(rowid) + 1;
}
function delRow(rowid){
if (rowid!=null){
var rowToDelete = document.getElementById(rowid);
var _tb = document.getElementById("_tbody");
_tb.removeChild(rowToDelete);
}
}
</script>
</body>
</html>
<script language=javascript>
var i=0;
var rowIndex=12;
function AddRow()
{
oTR1 = table1.insertRow(rowIndex);
oTD1 = oTR1.insertCell(0);
oTD2 = oTR1.insertCell(0);
oTD3 = oTR1.insertCell(0);
oTD4 = oTR1.insertCell(0);
oTD1.innerHTML = " <input type=text name=name" + i + ">";
oTD2.innerHTML = " <input type=text name=num" + i + ">";
oTD3.innerText = " <input type=text name=post" + i + ">";
oTD4.innerText = " <input type=text name=type" + i + ">";
i++;
rowIndex++;
}
function ReadValue()
{
var info = "";
var objInfo = document.getElementsByID("txtInfo"); // txtInfo是服务器控件
for(j=0; j<i; j++)
{
var temp = "";
var objname = document.all("name"+j);
var objnum = document.all("num"+j);
var objpost = document.all("post"+j);
var objtype = document.all("type"+j);
temp = temp + objname.value +"\\" + objnum.value +"\\" +objpost.value +"\\" +objtype.value;
info = info + temp;
}
objInfo.value = info;
}
function deleteRow()
{
rowIndex--;
i--;
table1.deleteRow(rowIndex);
}
</script>
<BODY>
<SCRIPT LANGUAGE="JavaScript">
function addRow(tbl)
{
var a = tbl.insertRow();
a.id = "a" + tbl.rows.length;
for(var i=0; i<tbl.rows[0].cells.length; i++)
{
var tc = a.insertCell();
tc.innerText = " ";
tc.onfocus = function()
{
this.parentElement.parentElement.parentElement.ct = this.parentElement;
this.innerHTML = "<input type=\"text\" value=\"" + (this.innerText==" "?"":this.innerText) + "\" style=\"width:100%;height:100%;border:0;\" onblur=\"this.parentElement.innerText=(this.value==''?' ':this.value);\">";
this.children[0].focus();
};
}
}
function delRow(tbl)
{
if(!tbl.ct) return;
tbl.deleteRow(tbl.ct.rowIndex);
tbl.ct = null;
}
</SCRIPT>
<table border=1 id="tbl">
<tr id=a1>
<td>123</td>
<td>456</td>
</tr>
</table>
<input type="button" value="添加行" onclick="addRow(document.all.tbl);">
<input type="button" value="删除行" onclick="delRow(document.all.tbl);">
</BODY>