导航:首页 > 编程语言 > js获取tr

js获取tr

 发布时间：2023-09-19 21:48:04

Ⅰ js获取table里面<tr>一整行的信息

给tr一个id，然后获取

//XX是id，string是获得的值
var row = document.getElementById('XX');
var string = row.innerHTML;

Ⅱ js 得到TR里某个td的值

这个用jquery很容易的 $("tr").find("td").eq(7)就是获得当前行的第八列

原生态js写法是 window.event.srcElement.parentElement.parentElement.childNodes获得所有的td 循环一下就行了

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

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

------君少

Ⅳ js 遍历 tr

我估计你是这么做的

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

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

Ⅳ 用js选择器获得table中tr里第二个td

<table id="tb1" width="200" border="1" cellpadding="4" cellspacing="0">
<tr>
<td height="25">第一行</td>
</tr>
<tr>
<td height="25">第二行</td>
</tr>
<tr>
<td height="25">第三行</td>
</tr>
<tr>
<td height="25">第四行</td>
</tr>
<tr>
<td height="25"><input type="button" name="getTableContent" value="获得表格内容" onclick="getTableContent(this)"></td>
</tr>
</table>

如上所示代码，按钮点击事件中传入this对象，此对象就是按钮本身。通过以下方法测试获取表格的数据

<script language="javascript">
function getTableContent(node) {
// 按钮的父节点的父节点是tr。
var tr1 = node.parentNode.parentNode;
alert(tr1.rowIndex);
alert(tr1.cells[0].childNodes[0].value); //获取的方法一
alert(tr1.cells[0].innerText);

// 通过以下方式找到table对象，在获取tr，td。然后获取td的html内容
var table = document.getElementById("tb1");//获取第一个表格

var child = table.getElementsByTagName("tr")[rowIndex - 1];//获取行的第一个单元格

var text = child.firstChild.innerHTML;
window.alert("表格第" + rowIndex + "的内容为: " + text);
}
</script>

Ⅵ js 如何获得被选中checkbox这行tr

<html>
<head>
<title>复选框删除表格行</title>
<script type="text/javascript">
function del() {
var tb = document.getElementById("tb");
if (tb.rows.length < 2) {
return;
}
var row;
var cell;
var chk;
//倒着迭代可以少做一些处理
for (var i = tb.rows.length - 1; i > 0; i--) {//如果要迭代第一行(i > -1)即可
row = tb.rows[i];//迭代当前行
cell = row.cells[0];//复选框所在的单元格
chk = cell.getElementsByTagName("input")[0];//为单元格中第几个INPUT元素
if (chk.checked) {//如果选中
tb.deleteRow(i);//删除改行
}
}
}
var html;
function reTB() {
document.getElementById("contentDiv").innerHTML = html;
}
window.onload = function () {
html = document.getElementById("contentDiv").innerHTML;
}
</script>
</head>
<body>
<input type="button" value="删除选中行" onclick="del()"/>
<input type="button" value="刷新" onclick="reTB()"/>
<div id="contentDiv">
<table id="tb" width="250px" border="1px" >
<tr><td style="width:20%"><input type="checkbox" /></td><td style="width:40%">姓名</td><td>分数</td></tr>
<tr><td><input type="checkbox" /></td><td>aa</td><td>60</td></tr>
<tr><td><input type="checkbox" /></td><td>bb</td><td>67</td></tr>
<tr><td><input type="checkbox" /></td><td>cc</td><td>59</td></tr>
<tr><td><input type="checkbox" /></td><td>dd</td><td>70</td></tr>
<tr><td><input type="checkbox" /></td><td>ee</td><td>80</td></tr>
<tr><td><input type="checkbox" /></td><td>ff</td><td>90</td></tr>
<tr><td><input type="checkbox" /></td><td>gg</td><td>hh</td></tr>
<tr><td><input type="checkbox" /></td><td>ii</td><td>98</td></tr>
<tr><td><input type="checkbox" /></td><td>jj</td><td>99</td></tr>
<tr><td><input type="checkbox" /></td><td>kk</td><td>100</td></tr>
</table>
</div>
</body>
</html>

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

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

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

Ⅷ js获取table当前tr行第二列td的值

在a标签上写个class,用jq写的
$(".a标签的class").click(function(){
var text = $(this).parent("td").siblings("td").text();
alert(text)
})

Ⅸ 用javascript如何从tr中分别获得每个td的元素

js获取表格中每行的td元素方法：

<script>

var tb = document.getElementById("tb"); //根据id找到这个表格

var rows = tb.rows; //取得这个table下的所有行
for(var i=0;i<rows.length;i++)//循环遍历所有的tr行
{
for(var j=0;j<rows[i].cells.length;j++)//取得第几行下面的td个数，再次循环遍历该行下面的td元素
{
var cell = rows[i].cells[j];//获取某行下面的某个td元素

alert("第"+(i+1)+"行第"+(j+1)+"格的数字是"+cell.innerHTML);//cell.innerHTML获取元素里头的值

}

}

</script>


拓展使用jq几行命令就能实现获取td的值


$("#tb tr td").each(function(i, v){//针对tb表格下的所有td进行遍历
alert("第"+(i + 1)+"格的数字是"+$(this).text());//返回当前td下的值
})

Ⅹ js如何获得tr下面td的个数

vartable=document.getElementsByTagName("table")[0];
rows=table.rows;
varrownum=table.rows.length;
vari=0;
for(;i<rownum;i++){
document.body.appendChild("第"+i+"行有"+rows[i].cells.length+"个单元格");
}

阅读全文

与js获取tr相关的资料

热点内容
cf无限领取cdk工具 浏览：350
如何让手机文件保存到电脑上 浏览：459
sa数据库默认密码是多少 浏览：191
电脑正在查找文件 浏览：541
一个文件盒省内寄顺丰多少钱 浏览：41
诛仙62坐骑怎么升级到63 浏览：926
linux以日期查看日志记录 浏览：446
工业大数据是什么东西 浏览：881
魅族note3怎么重置网络 浏览：510
c语言程序设计模 浏览：92
儿童怎么做可编程机 浏览：603
数据计算属于什么统计学 浏览：921
07word怎么去掉标记 浏览：979
qq缓存的数据是什么 浏览：348
LED主Kv文件多少兆 浏览：856
苹果edge怎么删除下载文件 浏览：471
sas逻辑回归代码 浏览：572
用于keil下的stc器件数据库 浏览：400
新闻网站后台如何操作前台 浏览：539
在剪映app中怎么查看视频尺寸 浏览：9

友情链接