求助：使用Tampermonkey修改指定class元素innerHTML失败，求指导

核心问题 #

1. 选择器完全错误：目标元素的class是this=is，但你使用了this-is作为标签选择器，根本无法匹配到目标元素；同时class包含特殊字符=，直接用.this=is会触发CSS选择器语法错误，必须用属性选择器来匹配。
2. 元素集合操作错误：querySelectorAll返回的是NodeList（元素集合），不能直接给整个集合设置innerHTML，需要遍历集合或使用querySelector获取单个元素。

修正后的脚本 #

单个目标元素场景 #

如果页面中只有一个需要修改的元素，用以下脚本：

// ==UserScript==
// @name         Button repair
// @namespace    ****
// @version      0.1
// @description  Edit the text on the button
// @author       N/A
// @match        https://website*
// @grant        none
// ==/UserScript==

// 用属性选择器精准匹配class为this=is的a标签
const targetEl = document.querySelector('a[class="this=is"]');
// 先判断元素是否存在，避免控制台报错
if (targetEl) {
    // 用textContent仅修改文本，比innerHTML更安全
    targetEl.textContent = "Don't touch";
}

多个目标元素场景 #

如果页面中有多个相同class的元素需要修改，用以下脚本：

// ==UserScript==
// @name         Button repair
// @namespace    ****
// @version      0.1
// @description  Edit the text on the button
// @author       N/A
// @match        https://website*
// @grant        none
// ==/UserScript==

// 获取所有class为this=is的a标签
const targetEls = document.querySelectorAll('a[class="this=is"]');
// 遍历集合逐个修改文本
targetEls.forEach(el => {
    el.textContent = "Don't touch";
});

关键说明 #

• 使用a[class="this=is"]属性选择器，能正确匹配带有特殊字符=的class值，避免语法错误。
• 优先使用textContent修改文本内容，它只会操作纯文本，不会解析HTML，安全性更高；如果必须修改HTML结构才用innerHTML。
• 添加元素存在判断，防止页面加载时元素未渲染导致的脚本报错。

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