querySelector在纯JS中查找标签

Question

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

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

应该在什么querySelector发现<label for="foobar">？

我得到的错误是Uncaught 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/