javascript - 用于替换 html 单词的 Chrome 扩展

Question

我想创建一个谷歌扩展程序，允许我替换站点 html 中的特定单词。例如:将“隐藏”一词替换为“显示”。我不是要更改页面文本，只是更改 html。我想让它成为一个切换类型的扩展，我可以在需要时使用它。感谢任何能帮助我的人。

Answer 1

您可能需要引用此 blog tutorial .以下是如何将特定文本替换为另一个词的示例代码。

var elements = document.getElementsByTagName('*');

for (var i = 0; i < elements.length; i++) {
    var element = elements[i];

    for (var j = 0; j < element.childNodes.length; j++) {
        var node = element.childNodes[j];

        if (node.nodeType === 3) {
            var text = node.nodeValue;
            var replacedText = text.replace(/[word or phrase to replace here]/gi, '[new word or phrase]');

            if (replacedText !== text) {
                element.replaceChild(document.createTextNode(replacedText), node);
            }
        }
    }
}

希望这对您有所帮助!