Vanilla JS：如何通过输入字段的名称（DOM树中的“名称”）来定位输入元素？

Question

在普通JavaScript（ES6或更高版本）中，如何通过输入字段的名称（DOM树中的“名称”）来定位输入元素？

我应该用document.querySelector('')做到这一点。 我没找到办法。 我只发现了较旧的getElementsByTagName ，据我的理解，该元素处理HTML元素的名称，而不处理（通常） input元素本身的name属性。

没有jQuery的 ES6是否有可能？

Answer 1

使用querySelector可以使用任何CSS选择器。 在您的情况下，您需要做一个属性选择器 。

 const one = document.querySelector("input[name=one]"); const two = document.querySelector("input[name=two]"); console.log(one); console.log(two); 

 <input name="one"/> <input name="two"/> 

Answer 2

是的，您可以使用querySelector做到这一点：

 console.log( document.querySelector('input[name="inputname"]').value ); 

 <input name="inputname" value="foo"> 

无需ES6支持。

当您想选择具有任何其他属性的元素而不仅仅是name s时，可以做同样的事情。