0

quiero saber cómo resolver el siguiente problema:

Recibo de una función un string, al cual a su vez se agregan otros dos strings más los cuáles son etiquetas :

var completeText = '';

function myFun (str) {

completeText = '<span class="myClass">' + str + '</span>';

return completeText;

}

El problema es que al recibir el completeText dentro de la vista, recibo:

<span class="myClass">[Acá va el texto]</span>

y no el texto que necesito alrededor de las etiquetas, con su estilo.

Gracias.

1 respuesta 1

1

Para crear etiquetas mediante JavaScript te serviría utilizar innerHTML, el cual te sirve para crear | adjuntar elementos dentro de un tag padre

let completedText = ''

const build = str => {
  completedText = `<span class="myClass">${str}</span>`
  document.querySelector('#div1').innerHTML = completedText
}
build('palabra')
.myClass {
  color: red
}
<div id="div1"></div>

Nos comentas!

8
  • Gracias! corregí lo de los slash raros, se me fueron. Intenté el temlate string pero no hubo caso, sigo viendo en la vista las etiquetas. Commented el 18 ago. 2021 a las 16:32
  • Que raro :( Edite la respuesta y adjunte un ejemplo. Commented el 18 ago. 2021 a las 16:42
  • Quizás no se entienda la pregunta ahora que la releo. La idea es que la vista reconozca las etiquetas como etiquetas, y no como texto o string. En ese caso, solo debería devolver 'palabra de prueba' y que el navegador identifique ese string de etiquetas, como tales. Commented el 18 ago. 2021 a las 16:50
  • 1
    Ahhhh claro! La entendí mal @JoseManuelBorras. Editada :) Commented el 18 ago. 2021 a las 17:00
  • Gracias, funciona, pero no en mi código je. Tengo que aplicarlo a un controlador de Angular.js, pensé que por ahí podía funcionar así tal cual, pero no me reconoce el querySelector Commented el 18 ago. 2021 a las 19:51

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.