js指定tr添加一行,删除一行

来源:互联网 发布:淘宝流量突然爆升爆降 编辑:程序博客网 时间:2024/05/16 11:28

<body><table id="tab">  <tr><td>0</td></tr>  <tr id="x"><td>1 在此行下插入新行</td></tr>  <tr><td>2</td></tr></table><br><input type="button" onclick="javascript:instTR()" value="插入行"><script type="text/javascript">function instTR(){   var tab=document.getElementById('tab');   var n=document.getElementById('x').rowIndex+1;   var tr=tab.insertRow(n);   var td=tr.insertCell(0);   td.innerHTML='new '+Math.random();搜索//添加一行tr.innerHTML='new '+Math.random(); //添加一列}//删除行function removeRow(obj){ var tr = this.getRowObj(obj); if(tr != null){ tr.parentNode.removeChild(tr); }}//得到行对象function getRowObj(obj){ var i = 0; while(obj.tagName.toLowerCase() != "tr"){  obj = obj.parentNode;  if(obj.tagName.toLowerCase() == "table")return null; } return obj;} //根据得到的行对象得到所在的行数function getRowNo(obj){ var trObj = getRowObj(obj); var trArr = trObj.parentNode.children; for(var trNo= 0; trNo < trArr.length; trNo++){  if(trObj == trObj.parentNode.children[trNo]){   alert(trNo+1);  } }}</script></body>

1 0
原创粉丝点击