在js中怎样根据行号往table里面出入一条 <tr>

在js中怎样根据行号往table里面出入一条 <tr>,第1张

首先获取表格的引用tb,然后调用表格的插入行方法。var

tr=tb

insertRow

(i),参数为插入行的下标,为-1时表示在最后追加一行,0表示插入行为第一行。不给参数时IE默认为-1,谷歌默认为0。该方法返回叉入的新行的引用。

在a标签上写个class,用jq写的

$("a标签的class")click(function(){

var text = $(this)parent("td")siblings("td")text();

alert(text)

})

<table>

    <tr><td></td><td>1</td></tr>

    <tr><td></td><td>2</td></tr>

    <tr><td></td><td>3</td></tr>

</table>

<script>

var tr=documentgetElementsByTagName('tr');

for(var i=0;i<trlength;i++){

    !function(j){

        tr[i]onclick=function(){

            var val = thisgetElementsByTagName('td')[1]innerHTML;

            alert(val)

        }

    }(i)

}

</script>

var onclearr = function(dom){

    var tr = domparentElementparentElement;

    var a = trcells[0]children[0]innerHTMLreplace(/^\s+|\s+$/g,"");

    alert(a);

}

<a onclick="onclearr(this)">删除</a>

1、JS获取表格的简便方法:获取tbody:tBodies 获取thead:tHead 获取tfoot:tFoot 获取行tr:rows 获取列td:cells

使用实例: oTabletBodies[0] oTabletHead[0] oTabletFoot[0] oTablerows[1] oTablecells[1]

2、遍历

var oTable=documentgetElementById("表格id");

oTabletBodies[0]可以看成是rows和cells组成的二维数组,用两个for循环嵌套遍历一下就可以了

比如,这个表格设置ID为:box    那么:

var biao = documentgetElementById('box');  //获取到这个表并且用变量记住它var hang = biaogetElementTagName('tr')[0];     //利用上面获取到的表  获取第一行

var lie = hanggetElementTagName('hd')[0];     //利用上面获取到的行来获取第一行的第一列

alert(lie[0]innerHTML)     第一行的第一列 的内容

以上就是关于在js中怎样根据行号往table里面出入一条 <tr>全部的内容,包括:在js中怎样根据行号往table里面出入一条 <tr>、js获取table当前tr行第二列td的值、获得当前tr的第二个td的值,用js写等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9500710.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-29
下一篇 2023-04-29

发表评论

登录后才能评论

评论列表(0条)

保存