如何使用javascript访问基于其类型的特定HTML元素?

Question

如果我有多个html输入标签，并且我想使用"radio"我怎么用Type来做呢?(不是通过id、名称或类)。我尝试了如下方法:document.getElementsByTagName("输入(type ="广播")")[0];

Answer 1

如果您想使用选择器字符串，则必须使用querySelectorAll，而不是getElementsByTagName。

如果你想选择与选择器字符串匹配的所有元素，你也不应该立即查找数组索引——相反，存储整个集合。

const inputs = document.querySelectoAll("input[type='radio']");
// do stuff with inputs[0], inputs[1], etc

在类似的情况下，如果您有一个选择器字符串，并且您只想使用与之匹配的第一个元素，请使用querySelector而不是querySelectorAll:

const input = document.querySelector('input.someClass');