js 添加删除按钮所在的行
<tr><tdvalign="top"></td><tdvalign="top"><inputtype="text"/></td><tdvalign="bottom"><...
<tr><td valign="top" ></td><td valign="top" ><input type="text" /></td><td valign="bottom"><a href="#">删除</a></td></tr>
如何用js实现删除当前超链接所在的行 展开
如何用js实现删除当前超链接所在的行 展开
3个回答
展开全部
<script type="text/javascript">
function delRow(obj){ //参数为A标签对象
var row = obj.parentNode.parentNode; //A标签所在行
var tb = row.parentNode; //当前表格
var rowIndex = row.rowIndex; //A标签所在行下标
tb.deleteRow(rowIndex); //删除当前行
}
</script>
<tr><td valign="top" ></td><td valign="top" ><input type="text" /></td><td valign="bottom">
<a href="javascript:void(0)"
onclick="delRow(this)">删除</a></td></tr>
function delRow(obj){ //参数为A标签对象
var row = obj.parentNode.parentNode; //A标签所在行
var tb = row.parentNode; //当前表格
var rowIndex = row.rowIndex; //A标签所在行下标
tb.deleteRow(rowIndex); //删除当前行
}
</script>
<tr><td valign="top" ></td><td valign="top" ><input type="text" /></td><td valign="bottom">
<a href="javascript:void(0)"
onclick="delRow(this)">删除</a></td></tr>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
可以用javascript 实现，复制一行就可以
<html>
<body>
<input type="button" value="add" onclick="add()"/>
<ul id="ul"><li><input type="button" value="delete" onclick="del(event)"/></li></ul>
</body>
</html>
<script>
function add(){
var ul = document.getElementById("ul");
var li = ul.firstChild.cloneNode(true);
ul.appendChild(li);
}
function del(event){
var obj = event.srcElement||event.target;
var li = obj.parentNode;
var ul = document.getElementById("ul");
ul.removeChild(li);
}
</script>
代码如上所示， cloneNode 是 js 的克隆方法，可以复制dom节点。
代码只是个示例，也可以把 ul 换成 table
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
代码tr删除掉可能不行， 你可以选择隐藏tr 点击删除时隐藏tr 这样效果就跟删除一样 用 display:none 样式 隐藏就可以
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
