javascript - JS - 禁用所有带有 className == "A"的输入

Question

在一个网站上，我想禁用(锁定)所有带有 className == "A"的输入。输入有多个 classNames，例如 "A B C":

这是 HTML

<input type="text" class="A B C" value="anything"/>

这是我的 JavaScript :

var el = document.getElementsByTagName("INPUT") 

for (var i = 0; i < el.length; i++) {
      if (el[i].className == 'A')   
          el[i].disabled = true
}

但这不起作用，因为 el.className 始终是 "A B C"。我知道我可以使用字符串方法来查找 A。

有没有更聪明、更快捷的方法？

信息:
我需要使用 document.getElementsByTagName("INPUT") 并且我使用纯 JavaScript!

Answer 1

您可以使用接受 CSS 选择器的 document.querySelectorAll 方法:

document.querySelectorAll('input.A');