Skip to main content
1 de 3
Bryro
  • 9.5k
  • 1
  • 11
  • 24

puedes hacerlo asi:

let nombre = "jhon";
let apellido = "smith";
let numero = "123456";
// funcion de remplazo      
function test() {
   // seleccionamos todos los elementos del documento
   // y lo asignamos a la varible el
   for (let el of document.body.getElementsByTagName('*')){ 
                // omitimos los tagName script
                if (el.tagName === "SCRIPT") continue;
                try {
                    // obtenemos el texto del elemento
                    // y remplazamos lo que este dentro de {{}}
                    // y evaluamos la expresion con `eval` para obtener el valor
                    // de dicha variable "si existe!"
                    // y remplazamos el texto por el resultado obtenido.
                    el.innerText = eval(el.innerText.replace(/\{\{?(.+)?\}\}/, '$1'));
                } catch (e) {
                    if (e instanceof SyntaxError)
                        console(e.message);
                    else
                    // si no existe la varibale la marcamos undefined
                        el.innerText = 'undefined';
                }
            }
        }
// llamamos a la funcion  
test();
<div id="texto">{{nombre}}</div>
<div id="texto">{{apellido}}</div>
<div id="texto">{{numero}}</div>

nota: utilizamos try{} catch{} para evitar que nos salte un error en caso de que no este definida la varaible o no se puede evaluar la expresion

Bryro
  • 9.5k
  • 1
  • 11
  • 24