0

Tengo el siguiente atributo de un elemento con un valor JSON:

document.write('<div id="count-down-wrap-8090" class="ult-responsive ult_countdown-div ult_countdown-dateAndTime ult-wptz" data-labels="Años,Meses,Semanas,Días,Horas,Minutos,Segundos" data-labels2="Año,Mes,Semana,Día,Hora,Minuto,Segundo"  data-terminal-date="2019/09/20 08:00:00" data-countformat="DHMS" data-time-zone="0" data-time-now="'+fcha.getDate()+'/'+(fcha.getMonth()+1)+'/'+fcha.getFullYear()+' '+fcha.getHours()+':'+fcha.getMinutes()+':'+fcha.getSeconds()+'"  data-tick-col="#ffffff"   data-ultimate-target='#count-down-wrap-8090 .ult_countdown-amount'  data-responsive-json-new='{"font-size":"desktop:60px;","line-height":""}'  data-tick-p-col="#ffffff"  data-tick-style="font-weight:bold;"  data-tick-p-style=""  data-bg-color="" data-br-radius="" data-padd="0">'+fcha.getDate()+'/'+(fcha.getMonth()+1)+'/'+fcha.getFullYear()+' '+fcha.getHours()+':'+fcha.getMinutes()+':'+fcha.getSeconds()+'</div>');

Necesito escarpar sus comillas, de tal manera que pueda imprimir el elemento dentro de un document.write(' '); sin errores.

Yo lo hice ésta manera, pero me genera error en la conso:

document.write(' data-responsive-json-new="\'{"font-size":"desktop:60px;","line-height":""}\'" ');
2
  • No se entiende muy bien... ¿qué es lo que quieres imprimir en sí?
    – A. Cedano
    Commented el 22 sept. 2019 a las 4:32
  • Hola @A.Cedano, necesito imprimir ´data-responsive-json-new='{"font-size":"desktop:60px;","line-height":""}'´, pero me sale error por las comillas
    – Candelo
    Commented el 22 sept. 2019 a las 4:33

3 respuestas 3

1

Tienes una simple respuesta Template Literals.

Como funcionan? Facil.. en vez de comillas simples ocupas algo asi: ` son comillas simples pero en direccion contraria.

const str = `data-responsive-json-new=\'{"font-size":"desktop:60px;","line-height":""}\'`

console.log(str)

document.write(str)

1
0

Si la salida que quieres es esta:

data-responsive-json-new='{"font-size":"desktop:60px;","line-height":""}'

Solamente tienes que escapar la comilla simple que hay antes de { y después de }, algo así:

document.write('data-responsive-json-new=\'{"font-size":"desktop:60px;","line-height":""}\'');

3
  • Mil gracias Cedano por tu ayuda, en el editor no me sale error, pero en el navegador, los números salen: NaN
    – Candelo
    Commented el 22 sept. 2019 a las 5:03
  • edité la pregunta de nuevo, échale un vistazo al elemento que necesito imprimir, me avisas si logras hacerlo porfa. Gracias.
    – Candelo
    Commented el 22 sept. 2019 a las 5:07
  • @Candelo en ese caso pon todo dentro de Template literals como sugiere la otra respuesta y así debería funcionar.
    – A. Cedano
    Commented el 22 sept. 2019 a las 5:14
0

El error se debe a que no has escapado correctamente las comillas simples (eg: \') a partir del atributo data-ultimate-target en adelante.

Solución:

document.write('<div id="count-down-wrap-8090" class="ult-responsive ult_countdown-div ult_countdown-dateAndTime ult-wptz" data-labels="Años,Meses,Semanas,Días,Horas,Minutos,Segundos" data-labels2="Año,Mes,Semana,Día,Hora,Minuto,Segundo"  data-terminal-date="2019/09/20 08:00:00" data-countformat="DHMS" data-time-zone="0" data-time-now="'+fcha.getDate()+'/'+(fcha.getMonth()+1)+'/'+fcha.getFullYear()+' '+fcha.getHours()+':'+fcha.getMinutes()+':'+fcha.getSeconds()+'"  data-tick-col="#ffffff"   data-ultimate-target=\'#count-down-wrap-8090 .ult_countdown-amount\'  data-responsive-json-new=\'{"font-size":"desktop:60px;","line-height":""}\'  data-tick-p-col="#ffffff"  data-tick-style="font-weight:bold;"  data-tick-p-style=""  data-bg-color="" data-br-radius="" data-padd="0">'+fcha.getDate()+'/'+(fcha.getMonth()+1)+'/'+fcha.getFullYear()+' '+fcha.getHours()+':'+fcha.getMinutes()+':'+fcha.getSeconds()+'</div>');

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.