js怎么获取input输入框

可以通过以下方法获取 input 输入框：通过 id 获取；通过 name 获取；通过 class 获取；通过 queryselector 获取；通过 queryselectorall 获取。

如何用 JS 获取 input 输入框

在 JavaScript 中，获取 input 输入框的方法主要有以下几种：

1. 通过 ID 获取

const input = document.getElementById('myInput');

登录后复制

2. 通过 name 获取

const inputs = document.getElementsByName('myInput');

登录后复制

如果有多个同名的输入框，getElementsByName() 会返回一个类数组对象，包含所有同名的输入框。

3. 通过 class 获取

const inputs = document.getElementsByClassName('myInput');

登录后复制

和 getElementsByName() 类似，getElementsByClassName() 也会返回一个类数组对象，包含所有拥有指定类名的输入框。

4. 通过 querySelector

const input = document.querySelector('input#myInput');

登录后复制

querySelector() 可以根据指定的 CSS 选择器获取第一个匹配的元素。

5. 通过 querySelectorAll

const inputs = document.querySelectorAll('input.myInput');

登录后复制

querySelectorAll() 可以根据指定的 CSS 选择器获取所有匹配的元素，并返回一个类数组对象。

获取输入框后，可以使用 value 属性获取或设置输入框的值：

// 获取输入框的值
const value = input.value;

// 设置输入框的值
input.value = 'new value';

登录后复制

以上就是js怎么获取input输入框的详细内容，更多请关注叮当号网其它相关文章！