Replaces placeholder values, or text, or attributes in the DOM.

substitute-values.js

'use strict';
define(function () {

    var substitute = {};

    substitute.placeholders = function (target, replaceObject) {
        _replaceStuff(target, replaceObject, 'placeholders');
    };

    substitute.attribute = function (target, replaceObject) {
        _replaceStuff(target, replaceObject, 'attribute');
    };

    substitute.html = function (target, newValue) {
        var targetElements = document.querySelectorAll(target || '.stubber');

        for (var i = 0; i < targetElements.length; i++) {
            var el = targetElements[i];
            el.innerHTML = newValue;
        }
    };

    function _replaceStuff(target, replaceObject, typeOfReplace) {
        var targetElements = document.querySelectorAll(target || '.stubber'),
            stubs = Object.keys(replaceObject);

        if (!targetElements.length || !stubs.length || !typeOfReplace) {
            return;
        }

        for (var i = 0; i < targetElements.length; i++) {
            var el = targetElements[i];

            stubs.forEach(function (stub) {
                if (typeOfReplace === 'placeholders') {
                    var stubRegex = new RegExp(stub, 'g');
                    el.innerHTML = el.innerHTML.replace(stubRegex, replaceObject[stub]);
                }
                else {
                    el.setAttribute(stub, replaceObject[stub]);
                }
            });
        }
    };

    return substitute;
});