可以通过以下方法获取 input 输入框：通过 ID 获取；通过 name 获取；通过 class 获取；通过 querySelector 获取；通过 querySelectorAll 获取。
如何用 JS 获取 input 输入框
在 JavaScript 中，获取 input 输入框的方法主要有以下几种：
1. 通过 ID 获取
<code class="javascript">const input = document.getElementById('myInput');</code>2. 通过 name 获取
<code class="javascript">const inputs = document.getElementsByName('myInput');</code>如果有多个同名的输入框，getElementsByName() 会返回一个类数组对象，包含所有同名的输入框。
3. 通过 class 获取
<code class="javascript">const inputs = document.getElementsByClassName('myInput');</code>和 getElementsByName() 类似，getElementsByClassName() 也会返回一个类数组对象，包含所有拥有指定类名的输入框。
4. 通过 querySelector
<code class="javascript">const input = document.querySelector('input#myInput');</code>querySelector() 可以根据指定的 CSS 选择器获取第一个匹配的元素。
5. 通过 querySelectorAll
<code class="javascript">const inputs = document.querySelectorAll('input.myInput');</code>querySelectorAll() 可以根据指定的 CSS 选择器获取所有匹配的元素，并返回一个类数组对象。
获取输入框后，可以使用 value 属性获取或设置输入框的值：
<code class="javascript">// 获取输入框的值 const value = input.value; // 设置输入框的值 input.value = 'new value';</code>
以上就是js怎么获取input输入框的详细内容，更多请关注php中文网其它相关文章！
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。
广告Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
266
收藏
