Question

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

我应该用document.querySelector('')来做。我找不到办法。我只找到了较早的getElementsByTagName，根据我的理解处理HTML元素的名称而不是name属性（通常）input元素本身。

是否可以在ES6 没有jQuery ？

Answer 1

使用querySelector，您可以使用任何CSS选择器。在您的情况下，您需要执行Attribute Selector。

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。

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

2 个答案: