js 获取tr td
时间: 2023-10-05 08:02:47 浏览: 93
在JavaScript中,可以使用DOM操作来获取tr和td元素。
要获取tr元素,可以使用以下方法之一:
1. 使用getElementById方法,传入tr元素的id属性值,如:document.getElementById('trId'),其中'trId'是tr元素的id。
2. 使用getElementsByTagName方法,传入'tr'作为参数,如:document.getElementsByTagName('tr'),该方法会返回文档中所有tr元素的集合。
要获取td元素,首先需要获取tr元素,接着可以使用以下方法之一:
1. 使用getElementById方法,传入td元素的id属性值,如:document.getElementById('tdId'),其中'tdId'是td元素的id。
2. 使用getElementsByTagName方法,传入'td'作为参数,如:trElement.getElementsByTagName('td'),其中trElement是获取到的tr元素对象。
举例来说,如果HTML中有以下结构:
```
<table>
<tr id="trId">
<td id="tdId1">第一个单元格</td>
<td id="tdId2">第二个单元格</td>
</tr>
</table>
```
可以使用以下代码来获取tr和td元素:
```javascript
// 获取tr元素
var trElement = document.getElementById('trId');
// 获取td元素
var tdElements = trElement.getElementsByTagName('td');
// 打印td元素的内容
for (var i = 0; i < tdElements.length; i++) {
console.log(tdElements[i].innerHTML);
}
```
以上代码会依次输出"第一个单元格"和"第二个单元格"。