如何使用querySelector为id为footer1的span元素添加footerStyle类

错误原因 #

你标注的问题行使用querySelector的方法完全不符合语法规则：

• querySelector第一个参数为要匹配的元素选择器，第二个可选参数为查找的根节点，不能直接传入要添加的类名作为第二个参数，原来的写法只会返回id为footer1的元素，没有执行添加类的操作，自然不会生效。

正确代码 #

将问题行替换为下面的代码即可实现需求，完全符合必须使用querySelector的要求：

document.querySelector("#footer1").classList.add("footerStyle");

代码说明 #

• 第一步document.querySelector("#footer1")：准确选中id为footer1的span元素
• 第二步classList.add("footerStyle")：为选中的元素追加footerStyle类，不会覆盖元素原有其他类，兼容性和实用性更优
  如果需要强制覆盖该元素的所有原有类为footerStyle，也可以使用下面的写法：

document.querySelector("#footer1").setAttribute("class", "footerStyle");

内容的提问来源于stack exchange，提问作者jeantaylor2021