querySelector在纯JS中查找标签

Question

严格使用JS，我想选择一个label元素并添加一个类。

document.querySelector('[for=foobar]').className = "foo";

querySelector应该找到<label for="foobar">？

我得到的错误是未捕获的SyntaxError：执行查询失败：'[for = foobar]'不是有效的选择器。

---

好的，我实际上通过在foobar附近添加引号来解决它，所以它显示为：

document.querySelector('[for="foobar"]').className = "foo";

Answer 1

如果您专门寻找<label>代码，请使用：

document.querySelector('label[for="foobar"]').className = "foo";

您拥有的选择器将选择具有给定for属性的任何标记的第一个元素。

这是一个演示的小提琴：http://jsfiddle.net/bryanjamesross/f53A4/