能不能直接给我写一个表格,第一行没有输入框,第二行有2个输入框的js代码
时间: 2024-02-25 16:53:20 浏览: 129
js实现用于建立新的一行且增加的四个文本框为空的且被禁用
当你说“直接给我写一个表格”的时候,我不知道你想要什么样的表格,因此我提供一个基本的表格,你可以根据自己的需求进行修改。
HTML 代码:
```html
<table>
<thead>
<tr>
<th>姓名</th>
<th>年龄</th>
<th>性别</th>
</tr>
</thead>
<tbody>
<tr>
<td>张三</td>
<td>20</td>
<td>男</td>
</tr>
<tr>
<td><input type="text" /></td>
<td><input type="text" /></td>
<td></td>
</tr>
</tbody>
</table>
```
JavaScript 代码:
```javascript
// 获取表格元素
var table = document.querySelector("table");
// 获取表格中的第二行
var row = table.querySelector("tbody tr:last-child");
// 获取第二行中的两个输入框
var inputs = row.querySelectorAll("input");
// 给第一个输入框添加事件监听器
inputs[0].addEventListener("input", function() {
// 输入框的值发生改变时执行的代码
});
// 给第二个输入框添加事件监听器
inputs[1].addEventListener("input", function() {
// 输入框的值发生改变时执行的代码
});
```
在上面的代码中,我们首先使用 `document.querySelector()` 方法来获取表格元素。然后,我们使用 `querySelector()` 方法来获取表格中的最后一行,也就是第二行。接着,我们使用 `querySelectorAll()` 方法来获取第二行中的两个输入框,并将它们保存在一个数组中。最后,我们给这两个输入框分别添加了一个 `input` 事件监听器,用来监听输入框的值是否发生改变。你可以在这两个事件监听器中编写你想要执行的代码。
阅读全文