replace-text.js

text-replace.js

;(() => {

    const find = 'Available Now'       // the text you want to find (not case sensitive)
    const replace = 'COMING SOON' // the text you want to replace it with


    // IGNORE THE REST BELOW
    const findReplace = (node, find, replace) => {
		const next = () => findReplace(node, find, replace)
  
        if ( ! node ) {
		    return next
        }

        if (node.nodeType === Node.TEXT_NODE && node.nodeValue.trim() !== '') {
            if ( node.nodeValue.trim().toLowerCase() === find.toLowerCase() ) {
                node.nodeValue = replace
            }
        }

        for (let i = 0; i < node.childNodes.length; i++) {
            findReplace(node.childNodes[i], find, replace);
        }
			
		return next
    }

    document.addEventListener('DOMContentLoaded', findReplace(document.body, find, replace))
})()

Note this script invokes immediately, as well as once the dom is loaded. To scope it to specific elements, simply call once for each element:

document.addEventListener('DOMContentLoaded', findReplace(document.querySelector('header'), find, replace))
document.addEventListener('DOMContentLoaded', findReplace(document.querySelector('footer'), find, replace))

This script is a bit computationally heavy considering its a recursive dom manipulator, but running it on very large pages hasn't seemed to have any meaningful impact thus far.