Как заменить слово на элемент?

Question

[DOMandJQUERY]

Как заменить слово в любом месте html страницы (при этом не нарушив целостность страницы путем вмешательства в href, src и т.д.) на элемент?

На примере trigger_word

До обработки:

<div>
    Click button: trigger_word ;)
    <img src= "./trigger_word.png">
</div>

Как должно выглядеть по итогу:

<div>
    Click button: <button>Hello World</button> ;)
    <img src= "./trigger_word.png">
</div>

Comments

[Дмитрий]

Самый простой способ хоть и не самый правильный обработать innerHTML от body регуляркой
Чуть более правильным будет сначала найти нужную ноду и только ее содержимое обработать регуляркой
Ну и теоретически самый правильный способ работать через dom но в случае текста там куча заморочек