最近在做一个table的动态添加删除行,可以带有当前行的样式,记录一下。
其中el是在html标签中 onclick="doAddRow(this)"
function doAddRow(el){ el = getParent(el, 'TR'); //TR 是table中的tr,不知道是否区分大小写,有知道的可以说一下哈,没测试过。 var rowIndex = el.rowIndex; var obj=document.all.tableid;// table 的id if (obj==null) return false; var rw=document.all.tiaokuan;//tiaokuan是tr的id. var nRow=obj.insertRow(rowIndex+1);//向下添加一行,如果为空,默认在最下面添加一行。 var cel=null; for (var i=1; i<rw.cells.length; i++) { cel=nRow.insertCell(); cel.innerHTML=rw.cells[i].innerHTML; cel.className = rw.cells[i].className;//复制样式 cel.colSpan = rw.cells[i].colSpan;//复制列所占列数 } //document.getElementById("yjfltk").rowSpan =parseInt(document.getElementById("yjfltk").rowSpan)+1; //document.getElementById("qbhsxx").rowSpan =parseInt(document.getElementById("qbhsxx").rowSpan)+1;//我只复制了一样的后两列,所以需要对第一列进行所占的行数+1 return true; }
function doDelRow(el){ el = getParent(el, 'TR'); var rowIndex = el.rowIndex; el = getParent(el, 'table1'); document.all.table1.deleteRow(rowIndex); document.getElementById("yjfltk").rowSpan =parseInt(document.getElementById("yjfltk").rowSpan)-1; }
function getParent (el, parentTag) { do { el = el.parentNode; } while (el && el.tagName !== parentTag); return el; }
删除遇到一个问题没有解决:除了第一条原始行外都可以删除,比如说一行四列,我复制的是2,3,4列,对应的第一列实际就是rowspan+n的效果。如果删除第一行原始行,第一列就会没删除,这样问题就来了,如果我保留复制后的 第二行,把原始的第一样删除,那表的格式就会乱掉。我想不允许删除第一行,但是这样做我觉得不是解决问题的办法,各位大神谁有好的建议可以提提,我试一试。
图画完显示总是出问题,见截图。
相关推荐
table JS 添加行和删除行 实现JS添加table的一行和删除一行技术
js动态添加行和删除行
添加行代码添加行代码添加行代码添加行代码添加行代码添加行代码添加行代码添加行代码添加行代码添加行代码
通过JS 动态的添加删除行。 通过JS 动态的添加删除指定行。 通过JS 对齐剩下元素的下标
用js实现对table添加行、删除行、复制行的操作。
本效果带tab切换效果。 js实现自动添加删除一行。添加删除时序号自动改变。每一行后面有添加一行按钮,点击时自动在点击行的下面添加一行。新添加行有文本框,文本框输入值失去焦点后自动变为输入的值。
js table添加、删除行。点“添加”按钮可以添加一行,每行后面都有一个删除按钮,可以删除所在行。
HTML TABLE批量添加行与删除行.javascript实现。
动态 添加行 添加行 js动态添加行动态 添加行 添加行 js动态添加行动态 添加行 添加行 js动态添加行动态 添加行 添加行 js动态添加行
js添加删除行功能实现 4个不同的实现方法
js动态添加行js动态添加行js动态添加行
之前在做JAVA开发时,使用eclipse过程中,用的最多也是特喜欢的就是删除当前行和复制当前行的快捷键。然而在转向iOS开发时,Xcode是不支持这两个快捷键的,一次偶然发现有个小窍门可以为Xcode来添加这两个快捷键。
js动态添加 删除行
js 添加、删除行
JS动态添加、删除Table行排序(删除整行、删除整列)JS动态添加、删除Table行排序(删除整行、删除整列)
使用js添加删除表单中的行,动态的添加,适合各种应用系统的前台页面
JS删除或者添加一行的代码,可以直接测试。
js 添加删除表格 博文链接:https://huashaozhawei.iteye.com/blog/151792
通过js来控制动态加一行或删除一行,非常适合table中td一行的添加和删除。
js 添加行,js 添加列,其他有好多骗人的,我这个是真的,希望用得上的朋友有所帮助,嘿嘿