js如何获取动态td中的input标签呢
时间: 2024-04-29 09:24:30 浏览: 84
JavaScript获取并更改input标签name属性的方法
可以通过以下步骤获取动态td中的input标签:
1. 先获取到包含input标签的td元素,可以使用getElementsByTagName方法获取td元素集合,再通过遍历找到包含input标签的td元素;
2. 获取td元素中的input标签,可以使用querySelector方法或者getElementsByTagName方法获取td元素中的input标签。
举个例子:
HTML代码:
```html
<table>
<tr>
<td>1</td>
<td><input type="text" value="input1"></td>
</tr>
<tr>
<td>2</td>
<td><input type="text" value="input2"></td>
</tr>
</table>
```
JS代码:
```javascript
// 获取包含input标签的td元素
let tdList = document.getElementsByTagName('td');
for (let i = 0; i < tdList.length; i++) {
if (tdList[i].querySelector('input')) {
// 获取td元素中的input标签
let input = tdList[i].querySelector('input');
console.log(input.value); // 输出input标签中的值
}
}
```
输出结果:
```
input1
input2
```
阅读全文