js获取所有的input

在JavaScript中，获取所有的input元素可以使用document.getElementsByTagName方法或者document.querySelectorAll方法。

一、使用getElementsByTagName方法

1. 基础概念
   • 这是一个DOM（文档对象模型）方法，它可以根据标签名获取元素。对于input元素，它会返回一个类数组对象（HTMLCollection），包含了页面中所有的input元素。

• 示例代码
• 示例代码
• 优势
  • 兼容性好，在比较老的浏览器中也能很好地工作。
  • 简单直接，按照标签名获取元素非常方便。
• 应用场景
  • 当只需要对页面中的input元素进行一些基本的遍历操作，比如获取它们的值或者修改它们的属性时很适用。

二、使用querySelectorAll方法

1. 基础概念
   • 这个方法可以根据CSS选择器来获取元素。当使用input作为选择器时，它会返回一个静态的NodeList（节点列表），包含了所有匹配的input元素。

• 示例代码
• 示例代码
• 优势
  • 可以使用更复杂的选择器来精确获取想要的input元素。例如，如果只想获取类型为text的input元素，可以使用document.querySelectorAll('input[type="text"]')。
  • 返回的NodeList在一些现代浏览器中有更好的迭代方法（如forEach）。
• 应用场景
  • 当需要根据特定的条件筛选input元素时非常有用，比如只操作特定类型的input或者满足特定样式或布局要求的input元素。