Javascript 使用Tampermonkey更改HTML中的类名

因此，我正在查看我朋友编写的一个网站的代码，我想知道是否有一种方法可以使用Tampermonkey将具有特定类名的所有元素更改为另一个

这是我目前的代码：

// @name         ClassName Change
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  Change class names for website review
// @author       Me
// @match        https://example.com/*
// @grant        none
// @include      https://example.com/*
// ==/UserScript==


const change = document.getElementsByClassName("svg-sprite-vs top-point-empty");

change.className = "svg-sprite-vs top-point-full";

“tampermonkey脚本运行”徽章显示在工具栏中，表示脚本正在运行，但类名没有改变，网站的外观也没有改变

---

有什么建议吗？

多个类可以应用于多个元素，并且可以有多个元素共享该类

您将希望在一个循环中遍历它们，以便能够访问它们

此外，还可以使用Element.classList，这是一种很好的方法，可以在不影响其他类的情况下更改所需内容

document.querySelectorAll（'.svg-sprite-vs.top-point-empty'）.forEach（elem=>{
elem.classList.remove（'top-point-empty'）；
元素classList.add（'top-point-full'）；
});

如果您想覆盖这些类，只需执行

elem.setAttribute（'class'，'svg sprite vs top point full'）