在前端开发中，有时候需要对页面中一组具有相同 name 属性的元素进行操作，比如表单提交、数据处理等。本文将介绍一种使用 JavaScript 获取 name 相同的页面元素并循环遍历的方法。
原理
在 HTML 中，我们可以使用 name 属性为元素命名，通过这个属性可以方便地获取同名元素的集合。在 JavaScript 中，我们可以使用 document.getElementsByName() 方法来获取指定 name 属性值的所有元素。
获取到元素集合后，我们可以使用 for 循环或 forEach 方法对其进行遍历，然后进行相应的操作。
示例代码
以下是一个示例代码，它会获取所有 name 为 "example" 的 input 元素，并在控制台输出它们的 value 值：
-- -------------------- ---- ------- ------ ------ ----------- -------------- ------------ --- ------ ----------- -------------- ------------ --- ------ ----------- ------------------ ------------ --- ------- -------- ----- ------ - -------------------------------------- -------------------- -- -------------------------- ---------
运行上述代码，会输出以下结果：
Input 1 Input 2
指导意义
本文介绍了一种获取并操作同名元素的方法，可用于各种场景中，如表单数据处理、页面元素操作等。
此外，需要注意的是，name 属性并不是所有元素都有的属性，可以根据具体需求选择其他属性（如 class、id 等）进行元素的获取和操作。同时，在实际项目中也应该考虑兼容性问题，并进行相应的测试和调整。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/2131