用于替换 html 单词的 Chrome 扩展答案

【问题标题】：Chrome extension to replace html words用于替换 html 单词的 Chrome 扩展
【发布时间】：2018-05-21 04:10:50
【问题描述】：

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

【问题讨论】：

你有什么问题？你已经做了什么，你在哪里卡住了？
如何编写扩展程序以将网站 html 中的特定单词替换为所需单词？
扩展的重点是让我通过按一下按钮（扩展）来编辑站点 html 中的“隐藏”一词。这样我就可以查看我需要的特定信息，而无需在每次网站需要时手动删除该词。

标签： javascript html json google-chrome-extension

【解决方案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);
            }
        }
    }
}

希望这会有所帮助！

【讨论】：