您的位置:首页 > Web前端 > JavaScript

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);
看你加进去的行的信息 看你加进去的到底是什么样的一行
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: