photo Obscure email and phone number

How to hide emails and phone numbers on a webpage


 

(function () {
  'use strict';
  const obscure = () => {
    let newNode;
    document.querySelectorAll('[obscure]').forEach(function (elem) {
      newNode = document.createElement('span');
      newNode.innerHTML = elem.innerHTML;
      elem.classList ? (newNode.classList = elem.classList) : false;
      elem.id ? (newNode.id = elem.id) : false;
      for (let prop in elem.dataset) {
        newNode.innerHTML = newNode.innerHTML.replaceAll('%' + prop.replace('p', ''), elem.dataset[prop]);
      }
      elem.parentNode.insertBefore(newNode, elem);
      elem.remove();
    });
  };
  obscure();
})();

@richards made a bss-component ready to use

Read more about it here

Go back