接着取得要删除行的元素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
}
}
}
}
评论列表(0条)