JavaScript(不是jQuery)查找类并添加新类

JavaScript(不是jQuery)查找类并添加新类,javascript,Javascript,我试图找到网页中是否存在类名,然后添加一个新类 在ChromeDeveloperTools控制台中测试时,我没有定义。我做错了什么 我正在使用的代码 const srtClass = document.querySelectorAll('.sr-only'); srtClass.className += " showoffScreenText"; console.log(srtClass); console.log的结果 HTMLCollection(2)[span.sr

我试图找到网页中是否存在类名,然后添加一个新类

在ChromeDeveloperTools控制台中测试时,我没有定义。我做错了什么

我正在使用的代码

const srtClass = document.querySelectorAll('.sr-only'); 
srtClass.className += " showoffScreenText";
console.log(srtClass);
console.log的结果

HTMLCollection(2)[span.sr-only,div.sr-only]类名:“未定义的showoffScreenText”

找到了sr only类,为什么它没有定义?

“querySelectorAll”返回一个节点列表,您应该得到第一个元素

srtClass = document.querySelectorAll('.sr-only')[0]

更简单的方法是使用
querySelector
@Barmar谢谢,这适用于第一个找到的类主页如何仅将新类添加到sr的所有实例中?使用循环处理所有实例