js动态生成table的一行 并且是复制的当前行 列都一起生成了
2007-07-05 17:48
405 查看
脚本
<script language="JavaScript">
<!--
javascript:window.history.forward(1);
function addTableRow(){
var table = document.getElementById("testReportTable");
var totalRows = table.rows.length;
var newIndex = table.rows.length-3; //须去掉表尾2行
var currentTR = table.rows[newIndex]; //取得当前行
var newTR = currentTR.cloneNode(true); //复制当前行
newTR.childNodes[1].childNodes[0].value = "";
newTR.childNodes[2].childNodes[0].value = "";
newTR.childNodes[3].childNodes[0].value = "";
alert(newTR.innerHTML);
//var txt = newTR.innerHTML.replace(/(#)(/d+)(#)/gm,"$1"+(newIndex-1)+"$3");
//alert(txt);
//newTR.innerHTML = txt;
//alert(newTR.innerHTML);
currentTR.insertAdjacentElement("afterEnd",newTR); //插入复制的行
eval("currentTR.on"+event.type+" = null"); //清除当前行的事件处理
//newTR.childNodes[0].childNodes[0].id = "ticId" + newIndex; //序号
//newTR.childNodes[1].childNodes[0].id = "testDescription" + newIndex;
//newTR.childNodes[2].childNodes[0].id = "testSecond" + newIndex;
//newTR.childNodes[3].childNodes[0].id = "testAccording" + newIndex;
//newTR.childNodes[4].childNodes[0].id = "testResult" + newIndex;
}
//-->
</script>
注调试的时候可以 alert(newTR.innerHTML);
看你加进去的行的信息 看你加进去的到底是什么样的一行
<script language="JavaScript">
<!--
javascript:window.history.forward(1);
function addTableRow(){
var table = document.getElementById("testReportTable");
var totalRows = table.rows.length;
var newIndex = table.rows.length-3; //须去掉表尾2行
var currentTR = table.rows[newIndex]; //取得当前行
var newTR = currentTR.cloneNode(true); //复制当前行
newTR.childNodes[1].childNodes[0].value = "";
newTR.childNodes[2].childNodes[0].value = "";
newTR.childNodes[3].childNodes[0].value = "";
alert(newTR.innerHTML);
//var txt = newTR.innerHTML.replace(/(#)(/d+)(#)/gm,"$1"+(newIndex-1)+"$3");
//alert(txt);
//newTR.innerHTML = txt;
//alert(newTR.innerHTML);
currentTR.insertAdjacentElement("afterEnd",newTR); //插入复制的行
eval("currentTR.on"+event.type+" = null"); //清除当前行的事件处理
//newTR.childNodes[0].childNodes[0].id = "ticId" + newIndex; //序号
//newTR.childNodes[1].childNodes[0].id = "testDescription" + newIndex;
//newTR.childNodes[2].childNodes[0].id = "testSecond" + newIndex;
//newTR.childNodes[3].childNodes[0].id = "testAccording" + newIndex;
//newTR.childNodes[4].childNodes[0].id = "testResult" + newIndex;
}
//-->
</script>
注调试的时候可以 alert(newTR.innerHTML);
看你加进去的行的信息 看你加进去的到底是什么样的一行
相关文章推荐
- js动态生成table,单选按钮,关闭当前页不提示
- js动态生成,删除一行td
- js动态生成表格、动态删除一行
- js如何获取table中动态生成的数据
- js 根据数组分组动态生成table(相同项合并)
- 动态生成table加CSS+js
- 利用jquery给指定的table动态添加一行、删除一行,复制,值不重复等操作
- js+插件实现代码复制及动态生成二维码扫描、分享到朋友圈QQ空间功能
- 笔记-js中动态生成、删除table
- js动态生成table【转】js动态生成table【转】
- JS -- <table> 行号自增,前端动态生成的<tr>
- JS 排序输出实现table行号自增前端动态生成的tr
- js通过后台配置动态生成html table表格
- 动态生成table加CSS+js
- JS动态生成Table
- js 根据数组分组动态生成table(相同项合并)
- js 动态创建table并且为table 添加行列
- js实现复制,删除一行div或一行table
- js动态生成table 合并单元格
- js动态生成table 经典