js获取table的tr

1. js控制table特定tr的背景颜色

代码如下：

<script>

//js放到table下，才能检测到tr数组

var trs = document.getElementById("tableBox").getElementsByTagName("tr");

var trs=document.getElementById("tableBox").getElementsByTagName("tr");

$(function(){

for(var i=0;i<trs.length;i++){

trs[i].onmousedown = function(){

mousedownclick(this);

}

}

});

function mousedownclick(obj){

for(var j=0;j<trs.length;j++){

if(trs[j]==obj){

trs[j].style.background='blue';

}else{

trs[j].style.background='';

}

}

}

</script>

(1)js获取table的tr扩展阅读

js操作table的各种用法：

(1)得到table 中tbody 的内容 ：$('#simple-table').find('tbody').html();

(2)点击td时，获取点击的行号：

$('#simple-table tbody').on( 'click', 'td', function (e) {

normalRowIndex = $(this).parent().index(); //行号

console.log("正常工作表行："+normalRowIndex);

});

(3)为table追加一行：

function addNormalTR(){

$('#simple-table').find('tbody').append(trtd); //tdtd为拼接的trtd 的html内容。

}

(4) 点击td中的元素获取，当前行号： obj.parentNode.parentNode.rowIndex;//obj 为元素对象

2. html JS 获取tr/td 表单元素下面的各个值

这是获来得每个源tr 中td 的内容
<script>
$('#myTableProct tr').each(function(index,ele){
$(this).find('td').each(function(index,ele){
alert($(ele).html());
})
})
</script>
不用谢我

------君少

3. js 遍历 tr

我估计你是这么做的

for tr in table.trs
tr.td(第3个).add(click);

是不是?
如果是,那么你取第3个做法是错误的!
就以你这个例子来讲,第2行就该取td(第2个)

4. js 通过td的id值 如何拿到tr的id值(动态获取)

错误出在document.getElementById(dd)
因为页面上id为2的出现了多个，而这样获取只会取到第一个，所以tr始终为相应的第1个.

按照你的写法，用dd来保存tr的行数比较好，即i值。
然后通过document.all.table1.rows(i).id来获取tr的id值。

5. JS怎样使用appendChild 给table 增加tr td

insertRow（）函数可以带参数，形式如下： 这个函数将新行添加到index的那一行前，比如insertRow（0），是将新行添加到第一行之前，默认的insertRow（）函数相当于insertRow（－1），将新行添加到表的最后。

<scriptlanguage="javaScript">

vart＝document．getElementById（＂test＂）；

t.innerHTML="<tr><td>数据</td></tr>";

／／或者

vart＝document．getElementById（＂test＂）；

vartr＝document．createElement（＂tr＂）；

vartd＝doucment．createElement（＂td＂）；

td．innerHTML＝＂数据＂；

tr．appendChild（td）；

t．appendChild（tr）；

｝

</script>

(5)js获取table的tr扩展阅读：

给table添加一行

1、＄（＂＃addTable＂）．click（function（）｛；

2、vartr="<tr>"+；

3、"<td>11</td>"+；

4、"<td>22</td>"+；

5、"<td>33</td>"+；

6、"<td>44</td>"+；

7、"<td>55</td>"+；

8、"</tr>";

9、＄（＂．layui－table＂）．append（tr）；

6. js如何动态创建tr

<tableid="mytab"></table>

document.getElementById('mytab').innerHTML='<tr>这是创建的tr</tr>';

7. 获得当前tr的第二个td的值,用js写

this.children[1].innerHTML

8. JS可以实现点击表格tr让其变成可编辑输入的状态么

可以实现的。具体的实现方式如下，在点击表格中的tr时，使用createElement创建input元素，然后append到每个td中，这样就实现了点击表格可编辑的效果。

9. js如何获取表格中某一行的单元格数

javascript提供了获取表格中某一行单元格数的代码，参考如下：

document.getElementById('first').cells.length//获取id为first的行的单元格数目

实例演示如下：

1. 创建Html元素

   <divclass="box">
   	<span>实例演示：获取表格第一行的单元格数量</span><br>
   	<divclass="content">
   	<table>
   	<trid="first"><td>1</td><td>2</td><td>3</td></tr>
   	<tr><td>4</td><td>5</td><td>6</td></tr>
   	<tr><td>7</td><td>8</td><td>9</td></tr>
   	</table>
   	<inputtype="button"value="获取表格第一行的单元格数量"onclick="fun_get()">
   	</div>
   </div>

2. 简单设置一下css样式

   div.box{width:300px;padding:20px;margin:20px;border:4pxdashed#ccc;}
   div.box>span{color:#999;font-style:italic;}
   div.content{width:250px;margin:10px0;padding:20px;border:2pxsolid#ff6666;}
   table{border-collapse:collapse;}
   td{width:80px;height:30px;line-height:30px;text-align:center;border:1pxsolidgreen;}

3. 编写jquery代码

   <script>
   functionfun_get(){
   	alert(document.getElementById('first').cells.length);
   }
   </script>

4. 观察效果