获取 tr 的第二个 td - Javascript

在使用Javascript操作HTML表格时，经常需要获取表格中的某个单元格内容，而获取tr的第二个td也是常见的需求。

下面是几种实现方法：

1. 使用索引值获取td元素

在HTML中，每一个tr中的td元素都有一个索引值，可以通过索引值获取对应的td元素。因此，可以通过以下代码获取某一行（tr）中的第二个（索引为1）td元素：

var tdElement = document.getElementsByTagName('tr')[0].getElementsByTagName('td')[1];

上述代码中，document.getElementsByTagName('tr')[0]获取第一行(tr)的dom元素，getElementsByTagName('td')[1]则获取该行的第二个(td)元素。

2. 使用querySelector获取td元素

使用querySelector方法可以快速获取一个单元格元素，例如以下代码获取表格中的第二个单元格：

var tdElement = document.querySelector('tr:first-child td:nth-child(2)');

其中，tr:first-child表示获取第一个tr元素，td:nth-child(2)则表示获取第二个td元素。

3. 使用children获取td元素

在HTML DOM中，每个元素都有一个children属性，它可以用来获取该元素的所有子元素。因此，也可以使用以下代码获取某一行的第二个td元素：

var tdElement = document.getElementsByTagName('tr')[0].children[1];

上述代码中，document.getElementsByTagName('tr')[0]获取第一行(tr)的dom元素，.children[1]则获取该行的第二个(td)元素。

以上是几种获取tr的第二个td的方法，开发者可以根据实际情况选择最适合自己的方法。