`
menjoy
  • 浏览: 417623 次
  • 性别: Icon_minigender_1
社区版块
存档分类
最新评论

javascript动态添加删除表格及克隆表格

阅读更多
insertRow()和deleteRow()方法:
add
del
test

<script language="JavaScript">
var n=0;
function add(){
n++;
t1.insertRow().insertCell().innerHTML = 'delthis';
//t1.insertRow().insertCell().innerHTML = '';
}
function del(){
var c = document.getElementsByName('tt');
for(var i=0; i<c.length; i++)<br="">if(c[i].checked)
t1.deleteRow(i);
}
function deleteRow(obj){
t1.deleteRow(obj.parentElement.parentElement.rowIndex);
}
function test(){
for(i=0;i<t1.rows.length;i++) alert(t1.rows[i].cells[0].innerhtml);<br="">}
</script>

cloneNode()方法克隆表格:


<script language="JavaScript">
i=1
function add(){
++i;
var newTR = a1.cloneNode(true);
newTR.id="a"+i;
newTR.name="a"+i;
a1.parentNode.insertAdjacentElement("beforeEnd",newTR);
//alert(a1.parentElement.innerHTML);
}
</script>

appendChild() & removeChild()方法:(firefox only)
1234

append +remove -
 

 

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics