html中获取td的上一级,如何通过JavaScript获取html表td单元格值?

这篇博客探讨了如何通过JavaScript有效地获取HTML表格中TD单元格的值。文章建议避免在循环中创建匿名函数,而是使用命名函数绑定到每个单元格的点击事件,以提高性能。提供了两种实现方式,包括使用getElementById和getElementsByTagName,以及使用querySelectorAll和addEventListener。示例代码展示了如何在单元格被点击时打印其内容。
摘要由CSDN通过智能技术生成

不要使用直线

JavaScript,将行为与数据分开,并且易于处理.我建议如下:

var table = document.getElementById('tableID'),

cells = table.getElementsByTagName('td');

for (var i=0,len=cells.length; i

cells[i].onclick = function(){

console.log(this.innerHTML);

/* if you know it's going to be numeric:

console.log(parseInt(this.innerHTML),10);

*/

}

}

var table = document.getElementById('tableID'),

cells = table.getElementsByTagName('td');

for (var i = 0, len = cells.length; i < len; i++) {

cells[i].onclick = function() {

console.log(this.innerHTML);

};

}

th,

td {

border: 1px solid #000;

padding: 0.2em 0.3em 0.1em 0.3em;

}

Column heading 1Column heading 2

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值