请问动态增加几行后,如何再一行一行删除增加的行 addit.innerHTML += "<div>"+ str +"</div>"; //外面套一层DIV, 然后删这个DIV就是删除一行了 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 不是表格?动态增删行用表格很方便的,下面给你个例子<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"><html><head><title>无标题文档</title><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><script language="javascript">function addRow(src){ //alert(src); var newrow = src.insertRow(src.rows.length-1); 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; } }}function delRow(src){ var tab=src.parentElement; var i=tab.rows.length; while(i--){ if(src==tab.rows[i]){ alert("就是这行----"+ i); tab.deleteRow(i); } }}</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> zhaoxiaoyang(梅雪香) 弓虽!!! ajax局部刷新父窗口 JQuery如何重置下拉框?---急 javascript ie6页面弹出窗口终止运行 js压缩 表单中提交回车符出错? javascript如何获得图片右下角坐标 arcgis api for javascript 加载天地图 或百度地图 急!数组问题,高手指点! 页面js代码较多,基本都是动态拼接的页面内容。在跳转过来的时候,页面为什么会停顿一下?像死机一样,时间大概1.2s。 求助:removeChild() ====请教如何让页面两侧广告随滚动条滚动!===== 关于<script language="JavaScript">的问题。很刁的。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>无标题文档</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script language="javascript">
function addRow(src){
//alert(src);
var newrow = src.insertRow(src.rows.length-1);
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;
}
}
}
function delRow(src){
var tab=src.parentElement;
var i=tab.rows.length;
while(i--){
if(src==tab.rows[i]){
alert("就是这行----"+ i);
tab.deleteRow(i);
}
}
}
</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>