javascript删除表格中的tr的方法
拷贝以下内容另存为html可以查看效果。
<HTML>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!--
function deleteRows(){
var rows = document.getElementById("t").rows;
for(var i=0;i<rows.length;i++){
if(rows[i].all("check").checked==true){
rows[i].removeNode(true);
i--;//!!!!!
}
}
}
//-->
</SCRIPT>
</HEAD>
<BODY>
<TABLE id="t" border=1>
<TR><TD><INPUT type=checkbox name=check></TD><TD>1</TD></TR>
<TR><TD><INPUT type=checkbox name=check></TD><TD>2</TD></TR>
<TR><TD><INPUT type=checkbox name=check></TD><TD>3</TD></TR>
<TR><TD><INPUT type=checkbox name=check></TD><TD>4</TD></TR>
<TR><TD><INPUT type=checkbox name=check></TD><TD>5</TD></TR>
</TABLE>
<INPUT type=button onclick="deleteRows()" value="删除">
</BODY>
</HTML>
另外提供一个兼容火狐和IE的通用删除TR和TD的办法：
javascript删除表格中的tr的方法
发布: 2008-1-13 16:27 | 作者: ysa66 整理 | 来源: 本站原创 | 查看: 80次
while(tbody.hasChildNodes())
最新更新
- javascript取得当前鼠标的X,Y... 3-12
- 支持firefox2,ie7取得鼠标位置... 3-12
- javascript弹出窗口总结 1-24
- javascript让TR添加/删除TD 1-13
- javascript 动态增加删除表格... 1-13
- javascript 动态添加表格行 1-13
- 关于如何删除掉select中的opt... 1-13
- javascript删除表格中的tr的方法 1-13
- 关于正则表达式的贪婪与非贪婪... 12-20
- JAVASCRIPT中怎么判断一个字符... 12-20
