JSFiddle - React, Tailwind, and code Playground

by Jonathan McGlone

HTML

<div id="volume">
  <ul>
    <li>Volume 1</li>
    <li>Volume 2</li>
    <li>Volume 12</li>
  </ul>
</div>

JavaScript

function replaceVolume() {
  var mapObj = {
    "Volume 1": "Engineering",
    "Volume 2": "Science"

  };
  str = str.replace(/Volume 1|Volume 2/gi, function(matched) {
    return mapObj[matched];
  });
};

function replaceText(selector, text, newText, flags) {
  var matcher = new RegExp(text, flags);
  var elems = document.querySelectorAll(selector),
    i;

  for (i = 0; i < elems.length; i++)
    if (!elems[i].childNodes.length)
      elems[i].innerHTML = elems[i].innerHTML.replace(matcher, newText);
}

function replaceAllText() {
  replaceText('#volume', 'hello', 'hi', 'g');
}

$(document).ready(replaceAllText);


document.body.innerHTML = document.body.innerHTML.replace(/hello/g, 'hi');



var myString = document.getElementById('volume').innerHTML;
var myNewString = myString.replaceVolume();