js使用for循环与innerhtml获取选中tr下td值
时间: 2023-10-03 17:00:49 浏览: 46
使用JavaScript中的for循环和innerHTML获取选中的tr下td值的方法如下:
1. 首先,通过JavaScript获取到包含所有tr元素的父元素,例如一个table元素:
```javascript
var table = document.getElementById("tableId");
```
2. 然后,通过调用table元素的getElementsByTagName方法获取到所有的tr元素:
```javascript
var trs = table.getElementsByTagName("tr");
```
3. 接下来,使用一个for循环遍历所有的tr元素,并获取其下的td元素的值:
```javascript
for (var i = 0; i < trs.length; i++) {
var tds = trs[i].getElementsByTagName("td");
for (var j = 0; j < tds.length; j++) {
var tdValue = tds[j].innerHTML;
// 这里可以对获取到的td值进行进一步的操作
}
}
```
在循环中,首先通过getElementsByTagName方法获取到每个tr元素下的所有td元素,然后通过innerHTML属性获取到每个td元素的值。需注意的是,innerHTML属性获取到的是元素的HTML内容,如果td内包含其他HTML元素,则innerHTML会返回这些元素的HTML代码。
以上就是使用for循环和innerHTML获取选中tr下td值的方法。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)