javascript完整操作Table的增加行,删除行的列子大全 时间:2020-05-12 人气:0 Form Object example <script language="javascript"> function delrow1() { var oElement=event.srcElement; while(oElement.tagName!="TR") { oElement=oElement.parentElement; } var oTBody=oElement.parentElement; oTBody.removeChild(oElement) } function delrow2()//刪除当前行 { var currRowIndex=event.srcElement.parentNode.parentNode.rowIndex; document.all.yltable.deleteRow(currRowIndex);//table10--表格id } function insertrow1() //增加的一行方法1 { var newnode = document.getElementById('yltable').lastChild.cloneNode(true); document.getElementById('yltable').appendChild(newnode); } function insertrow2() //增加的一行方法2 { newRow=document.all.yltable.insertRow(-1); var j_1 = document.all.yltable.rows.length; newcell=newRow.insertCell(); newRow.bgColor='#FFFFFF'; newcell.align='center'; newcell.innerHTML=""+j_1+""; newcell=newRow.insertCell() ; newRow.bgColor='#FFFFFF'; newcell.align='center'; newcell.innerHTML=""; newcell=newRow.insertCell() ; newRow.bgColor='#FFFFFF'; newcell.align='center'; newcell.innerHTML=' '; document.all.yltable.focus(); } function inserttable() { var newnode = document.getElementById('yltable').cloneNode(true); document.getElementById('ylform').appendChild(newnode); } </script> 1 2 3 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 加载全部内容