求助：Tampermonkey脚本修改指定HTML元素失效问题排查

问题翻译 #

我想把这段HTML代码：

<a class="disabled">Import</a>

修改为：

<a href="javascript:importCsv();">Import</a>

作为Tampermonkey和JavaScript新手，我写了下面的脚本但没法正常运行，帮忙排查问题：

// ==UserScript==
// @name         CSV Import
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  Make CSV great again
// @author       You
// @match        https://
// @icon         https://
// @grant        none
// ==/UserScript==

(function() {
    const change = document.getElementsByTagName('a').getElementsByClassName("disabled");
    change.className = "";
    const change2 = document.getElementsByTagName('a');
    change2.href = "javascript:importCsv();";
})();

原脚本的核心问题 #

• DOM选择语法错误：document.getElementsByTagName('a')返回的是元素集合（HTMLCollection），不能直接链式调用getElementsByClassName，这种写法会直接报错。
• 操作集合而非单个元素：就算拿到元素集合，直接给集合设置className或href是无效的，必须针对每个匹配到的元素单独操作。
• @match规则无效：Tampermonkey脚本需要明确指定生效的网站，@match https://这种写法没有实际匹配目标，脚本根本不会在任何网站上启动。

修正后的脚本 #

// ==UserScript==
// @name         CSV Import
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  启用CSV导入功能
// @author       You
// @match        https://目标网站域名/*  // 替换成你要操作的实际网站，比如https://example.com/*
// @icon         https://目标网站图标地址  // 可选，可留空
// @grant        none
// ==/UserScript==

(function() {
    // 精准选中带disabled类的a标签（单个元素用querySelector）
    const importBtn = document.querySelector('a.disabled');
    if (importBtn) {
        // 移除disabled类
        importBtn.classList.remove('disabled');
        // 设置href属性
        importBtn.href = 'javascript:importCsv();';
    }
})();

额外补充说明 #

1. 替换@match规则：必须把https://目标网站域名/*改成实际要操作的网站，比如要在https://test.com/admin页面生效，就写@match https://test.com/admin/*。
2. 处理多个按钮的情况：如果页面上有多个带disabled类的a标签，把querySelector改成querySelectorAll，再遍历处理：

const importBtns = document.querySelectorAll('a.disabled');
importBtns.forEach(btn => {
    btn.classList.remove('disabled');
    btn.href = 'javascript:importCsv();';
});

3. 动态元素适配：如果目标元素是页面动态加载的，脚本可能找不到元素，这时可以用MutationObserver监听DOM变化，或者加个短延迟执行（比如setTimeout(() => { /* 操作代码 */ }, 1000)）。

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