Chrome扩展程序可替换html单词

时间:2017-12-07 05:58:28

标签: javascript html json google-chrome-extension

我希望创建一个Google扩展程序,允许我替换网站html中的特定单词。例如:替换“#34;隐藏"用"显示"。我不是想改变页面文本,只是改变html。我想把它作为一个切换式扩展,我可以在需要时使用它。感谢能帮助我的任何人。

1 个答案:

答案 0 :(得分:2)

您可能想要参考此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);
            }
        }
    }
}

希望这有帮助!