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

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

2016-08-09 14:14 423 查看

<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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航