JSFiddle - React, Tailwind, and code Playground

by Alexey Ukolov

HTML

<div id="faq"></div>
<br/><br/><br/>
<div id="changedFaq"></div>

JavaScript

const faq = "<p><ul>\n<li>•  Download the App from <a href=\"https://itunes.apple.com/US/app?mt=8%29\" target=\"_blank\">AppStore</a> or <a href=\"https://play.google.com/store/apps/details?id=\" target=\"_blank\">Google Store</a></li>\n                        <li>•  Issue a virtual card within the app</li></ul>.</p>"

const $dom = document.createElement('div');
$dom.innerHTML = faq;

const walk = (node, cb) => {
   var children = node.childNodes;

   for (var i = 0; i < children.length; i++) {
       walk(children[i], cb);
   }

   cb(node);
}

walk($dom, ($el) => {
	if ($el.nodeType === 3) {
    $el.textContent = $el.textContent.replace(/app/ig, 'gi');
  }
});

const changedFaq = $dom.innerHTML;

document.querySelector('#faq').textContent = faq;
document.querySelector('#changedFaq').textContent = changedFaq;

console.log(faq, changedFaq);