js获取input所绑定的label元素
时间: 2023-10-23 20:12:04 浏览: 127
Vue循环中多个input绑定指定v-model实例
可以通过 `htmlFor` 属性来获取 input 所绑定的 label 元素。具体方法如下:
```html
<label for="input-id">Label</label>
<input type="text" id="input-id"/>
```
```javascript
const input = document.querySelector('#input-id');
const label = document.querySelector(`label[for="${input.id}"]`);
```
首先获取 input 元素,然后使用 input 的 `id` 属性值来查询与之绑定的 label 元素。这里使用了模板字符串来构建选择器,以避免硬编码 id 值。
阅读全文