4个回答
2013-08-11
展开全部
<table id="table1" border="1">
<tr style="display:none"><td><input></td><td><input type="button" value="删除" onclick="this.parentNode.parentNode.removeNode(true)">
</tr>
<tr><td><input></td><td><input type="button" value="删除" onclick="this.parentNode.parentNode.removeNode(true)">
</tr>
<tr><td><input></td><td><input type="button" value="删除" onclick="this.parentNode.parentNode.removeNode(true)">
</tr>
</table>
<input name="aaa" type="button" value="新增" onclick=addRow()>
<script language=javascript>
function addRow(){
var objTbody=document.getElementById("table1").childNodes[0]
var objNewTr=objTbody.childNodes[0].cloneNode(true)
objNewTr.style.display=""
objTbody.appendChild(objNewTr)
}
</script>
<tr style="display:none"><td><input></td><td><input type="button" value="删除" onclick="this.parentNode.parentNode.removeNode(true)">
</tr>
<tr><td><input></td><td><input type="button" value="删除" onclick="this.parentNode.parentNode.removeNode(true)">
</tr>
<tr><td><input></td><td><input type="button" value="删除" onclick="this.parentNode.parentNode.removeNode(true)">
</tr>
</table>
<input name="aaa" type="button" value="新增" onclick=addRow()>
<script language=javascript>
function addRow(){
var objTbody=document.getElementById("table1").childNodes[0]
var objNewTr=objTbody.childNodes[0].cloneNode(true)
objNewTr.style.display=""
objTbody.appendChild(objNewTr)
}
</script>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
2013-08-11
展开全部
var newRow1=TABLE.addRow();
newRow1.id="tr_1";
var newRow2=TABLE.addRow();
newRow2.id="tr_2";
TABLE.deleteRow(2);//这样可以删除id="tr_2"的这行
可不可删除指定ID的行 ?比如TABLE.deleteRow("tr_2");
期待中...
newRow1.id="tr_1";
var newRow2=TABLE.addRow();
newRow2.id="tr_2";
TABLE.deleteRow(2);//这样可以删除id="tr_2"的这行
可不可删除指定ID的行 ?比如TABLE.deleteRow("tr_2");
期待中...
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
2013-08-11
展开全部
<script>
function deleteRow (tableID, rowIndex) {
var table =document.all[tableID]
table.deleteRow(rowIndex);
}
</script>
<table id=mxh border=1>
<tr>
<td>第1行</td><td onclick="deleteRow('mxh',this.parentElement.rowIndex)">删除本行</td>
</tr>
<tr>
<td>第2行</td><td onclick="deleteRow('mxh',this.parentElement.rowIndex)">删除本行</td>
</tr>
<tr>
<td>第3行</td><td onclick="deleteRow('mxh',this.parentElement.rowIndex)">删除本行</td>
</tr>
<tr>
<td>第4行</td><td onclick="deleteRow('mxh',this.parentElement.rowIndex)">删除本行</td>
</tr>
</table>
<HTML>
<HEAD>
<script LANGUAGE="JAVASCRIPT">
iIndex = 0; //试验一下加了int类型定义后如何???
function showIndex(){
alert(iIndex);
}
function getIndex(){
iIndex = event.srcElement.parentElement.rowIndex;
}
function insertRow(iPos){
var otr=myTable.insertRow(iPos);
var ocell=otr.insertCell(0);
ocell.innerText="aa"
var ocell=otr.insertCell(1);
ocell.innerText="bb"
}
function deleteRow(iPos){
document.all.myTable.deleteRow(iPos);
}
</SCRIPT>
</HEAD>
<BODY>
<table id="myTable" border=1>
<tr onclick="getIndex()">
<td>1</td>
<td>2</td>
</tr>
<tr onclick="getIndex()">
function deleteRow (tableID, rowIndex) {
var table =document.all[tableID]
table.deleteRow(rowIndex);
}
</script>
<table id=mxh border=1>
<tr>
<td>第1行</td><td onclick="deleteRow('mxh',this.parentElement.rowIndex)">删除本行</td>
</tr>
<tr>
<td>第2行</td><td onclick="deleteRow('mxh',this.parentElement.rowIndex)">删除本行</td>
</tr>
<tr>
<td>第3行</td><td onclick="deleteRow('mxh',this.parentElement.rowIndex)">删除本行</td>
</tr>
<tr>
<td>第4行</td><td onclick="deleteRow('mxh',this.parentElement.rowIndex)">删除本行</td>
</tr>
</table>
<HTML>
<HEAD>
<script LANGUAGE="JAVASCRIPT">
iIndex = 0; //试验一下加了int类型定义后如何???
function showIndex(){
alert(iIndex);
}
function getIndex(){
iIndex = event.srcElement.parentElement.rowIndex;
}
function insertRow(iPos){
var otr=myTable.insertRow(iPos);
var ocell=otr.insertCell(0);
ocell.innerText="aa"
var ocell=otr.insertCell(1);
ocell.innerText="bb"
}
function deleteRow(iPos){
document.all.myTable.deleteRow(iPos);
}
</SCRIPT>
</HEAD>
<BODY>
<table id="myTable" border=1>
<tr onclick="getIndex()">
<td>1</td>
<td>2</td>
</tr>
<tr onclick="getIndex()">
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询