Javascript 按类名获取并添加类

Javascript 按类名获取并添加类,javascript,Javascript,第一个,我可以使用document.getElementById来获取对象,但是在一些网站上,比如第二个,元素中没有id,但是我还想获取具有类名的对象并添加其他类。我该怎么做?并且不要使用JQuery,如果一个类存在,需要将另一个类添加到其他元素中 if (document.getElementsByClassName('class7') !== null) { document.querySelectorAll('class2 class4').className += " class

第一个,我可以使用document.getElementById来获取对象,但是在一些网站上,比如第二个,元素中没有id,但是我还想获取具有类名的对象并添加其他类。我该怎么做?并且不要使用JQuery,如果一个类存在,需要将另一个类添加到其他元素中

  if (document.getElementsByClassName('class7') !== null) {
  document.querySelectorAll('class2 class4').className += " classtobeadded";
}

假设您希望选择所有具有类“class1”的元素,并将类“class2”添加到这些元素中,则可以执行以下操作:

document.querySelectorAll('.class1').forEach(item => {
    item.classList.add('class2');
});

请注意,在使用
querySelector()
querySelectorAll()
时,应在类之前使用诸如“.”和ID之前使用“#”之类的CSS选择器。

文档。getElementsByClassName
始终返回
HTMLCollection
且从不
null
document.querySelectorAll
返回一个
节点列表
,它没有
类名
。可能重复的可能重复的小错误,我有两个单独的类,当类1在代码中时,将另一个类3添加到类2。@MoreDeveloper271就我而言,这正是我的示例所做的。如果您想向所选元素添加多个类,只需像这样添加它们:
item.classList.add('class2','class3')
等等。如果我不正确,请向我提供预期的DOM输出。