<table width="75%" border="1">
<tbody id="default1">
<tr>
<td> </td>
</tr>
</tbody>
<tr>
<td> </td>
</tr>
</table>
<input type="button" value="删除" onClick="test()" name="deletebutton2">
<SCRIPT LANGUAGE="JavaScript">
<!--
function test()
{
for(var i=default1.children.length-1; i>=0; i--)
default1.children[i].removeNode(true);
}
//-->
</SCRIPT>
<tbody id="default1">
<tr>
<td> </td>
</tr>
</tbody>
<tr>
<td> </td>
</tr>
</table>
<input type="button" value="删除" onClick="test()" name="deletebutton2">
<SCRIPT LANGUAGE="JavaScript">
<!--
function test()
{
for(var i=default1.children.length-1; i>=0; i--)
default1.children[i].removeNode(true);
}
//-->
</SCRIPT>
var theObject=default;
for (var i=theObject.rows.length;i>0;i--){
theObject.deleteRow(i);
}
}
theObject.deleteRow(i);
==>
theObject.deleteRow(i-1);
var theObject=default;
==>
var theObject=document.getElementById('default');
for (var i=default1.rows.length-1;i>=0;i--)
default1.deleteRow(i);
}
tbody.deleteRow
tbody.removeChild
tr.removeNode
标签定义了ID,就成为一个对象,可以直接用ID名来访问标签的,不需要用getElementById
function test(i){
theObject.deleteRow(i);
}
}</script>
<input value="ls" ><input value="del" name="aa" onclick="test(this.form.ls.value)"
<html>
<head>
</head>
<body>
<SCRIPT LANGUAGE="JavaScript">
function test()
{
var obj = document.getElementById("default");
for (var i=obj.rows.length;i>0;i--){
obj.deleteRow(i-1);
}
}
</SCRIPT>
<table width="75%" border="1" id="default">
<tbody>
<tr>
<td> </td>
</tr>
</tbody>
<tr>
<td> </td>
</tr>
</table>
<input type="button" value="删除" onClick="test()" name="deletebutton2">
</body>
</html>
搞定,^_^....
{
document.getElementById("default").deleteRow(0);
}
<head>
<title>无标题文档</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script language="javascript">
var curRow=null;
function selectRow(){
var e=window.event;
var tr1=e.srcElement;
if(curRow)
curRow.bgColor="#FFFFFF";
tr1.bgColor="e7e7e7";
curRow=tr1;
}
function addRow(src){
//alert(src);
var newrow = src.insertRow(src.rows.length-1);
newrow.attachEvent("onclick",selectRow);
newrow.height=20;
var i=4;
while(i--){
var newcell = newrow.insertCell();
switch(i){
case 0: newcell.innerHTML= '<input type="button" onClick="javascript:delRow(this.parentElement.parentElement)" value="删除此行">';break;
default: newcell.innerHTML=div1.innerHTML;break;
}
}
alert(newrow.outerHTML);
}
function delRow(src){
//alert("就是这行----"+ src.rowIndex);
src.parentElement.deleteRow(src.rowIndex);
}
</script>
</head><body>
<table id="tb" width="100%" border="1" align="center" cellpadding="1" cellspacing="1" style="border-collapse:collapse" bordercolor="#111111">
<tr>
<th scope="col" width="25%">一</th>
<th scope="col" width="25%">二</th>
<th scope="col" width="25%">三</th>
<th scope="col" width="25%">四</th>
</tr>
<tr id="blankRow" onClick="addRow(this.parentElement)">
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
<div id="div1" style="display:none "><input id="txt" type="text" style="width:97%; background-color:#FFFFEF"></div>
</body>
</html>