在HTML中怎么实现删除table表格中的一行

在HTML中怎么实现删除table表格中的一行,第1张

接着取得要删除行的元素var cell = document.getElementById("delCell")最后就是从tbody中移去要删除的行就可以了mainbody.removeChild(cell)完整的代码如下:<html><head><title>动态删除表格的行</title><script type="text/javascript">function deleteCell(){var mailbody = document.getElementById("mainbody")var cell = document.getElementById("delCell")if(cell!=undefined){mainbody.removeChild(cell)}}</script></head><body><table border="1"><tr><td>姓名</td><td>地址</td></tr><tbody id="mainbody">

只要你没有用定位都会跟进的但是你要有这个效果就需要让你删除的这一个div有个滑动的动画效果,建议先给你要删掉的div一个收缩的动画 然后再删除 这样就有一个跟进的视觉效果了,这个收缩的动画jq中有slideup()

function AddOrDelModel(modelId){

var insertText = '<table tag=' + modelId + '><tr><td>' + modelId + '被选中</td></tr></table>', insertEl = document.getElementById("insert")

if(document.getElementById(modelId).checked){

insertEl.innerHTML = insertEl.innerHTML + insertText

}else{

var tables = insertEl.getElementsByTagName("table")

for(var i = 0i <tables.lengthi++){

if(tables[i].tag = modelId){

insertEl.removeChild(tables[i])

break

}

}

}

}


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7392422.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-05
下一篇 2023-04-05

发表评论

登录后才能评论

评论列表(0条)

保存