¿Que puedo implementar para no usar innerHtml y no tenga vulnerabilidades de seguridad?

Pregunta de la clase:
Cierre del curso y conclusiones
Jesus Manuel Hernandez Diaz

Jesus Manuel Hernandez Diaz

Pregunta
studenthace 5 años

¿Que puedo implementar para no usar innerHtml y no tenga vulnerabilidades de seguridad?

3 respuestas
para escribir tu comentario
    Jesus Federico David Herrera

    Jesus Federico David Herrera

    studenthace 5 años

    Tendrias que crear los elementos html de manera dinamica e insertalos con appendchild o content. Seria un poco mas tedioso pero seria una buena implementacion . Voy a tratar de hacerlo.

    Jesus Manuel Hernandez Diaz

    Jesus Manuel Hernandez Diaz

    studenthace 5 años

    Gracias Leo,

    Leonardo de los angeles Espinoza Hernandez

    Leonardo de los angeles Espinoza Hernandez

    studenthace 5 años

    Hola @hdmjesus

    Puedes usar la propiedad

    textContent
    que es más seguro para que no puedan ejecutar un script mediante tu innerHtml ya que textContent pasa todo tal y como lo escribes, Ejemplo:

    let text = "<h1>Hola mundo</h1>" parrafo.textContent = text

    el resultado sería

    <h1>Hola mundo</h1>

    Mientras que si usas InnerHtml sucede esto

    let text = "<h1>Hola mundo</h1>" parrafo.innerHtml = text

    Resultado: Hola mundo

    Si aún tienes alguna duda puedes preguntarla! Saludos :D

Taller de Creación de Router para Single Page App con JavaScript

Taller de Creación de Router para Single Page App con JavaScript

Comprende el proceso lógico que permite la creación de un Router para la navegación de una página web. Implementa paso a paso las instrucciones para crear un Router para una Single Page App usando JavaScript.

Taller de Creación de Router para Single Page App con JavaScript
Taller de Creación de Router para Single Page App con JavaScript

Taller de Creación de Router para Single Page App con JavaScript

Comprende el proceso lógico que permite la creación de un Router para la navegación de una página web. Implementa paso a paso las instrucciones para crear un Router para una Single Page App usando JavaScript.