Question

我需要在大量的＆lt; a＆gt;中添加一个类标签。我必须使用querySelectorAll方法选择一个标签，并选择所有元素。但是当我试图为他们添加一个课程时，它不会添加。

我尝试了以下示例。

var qc=document.querySelectorAll(".Label ul li a");
qc.className+="newcls";

https://jsfiddle.net/ahhvovvv/

但我可以通过jQuery添加它，但不要使用jQuery 工作的jQuery代码是

$(document).ready(function(){

   $(".Label ul li a").addClass("newcls");

}）;

Answer 1

我建议：

pip install requests -U

Answer 2

在您的代码qc中是集合。你应该遍历它。并且className不是一个集合，它是一个字符串，其中类名用空格分隔。所以这是你的代码修复

var qc=document.querySelectorAll(".Label ul li a");
for(var i=0; i<qc.length; i++) {
    qc.classList.add("newcls");
    //replace with next line if you need this working in IE before version 10 
    //qc.item(i).className+=" newcls";
}

Answer 3

你必须遍历Collection，一种方式可能是：

var qc = document.querySelectorAll(".Label ul li a");
[].forEach.call(qc, function(item) {
    item.className+=" newcls";
})

Fiddle updated

如果您使用className，请务必在课前添加空格，因为您正在编辑整个class，否则您可以使用

item.classList.add('newcls');

如何使用选择器链接在javascript中添加类？

3 个答案: