Supongamos que quiero hacer esto:
let el = document.getElementById("some_div"); el.innerHTML = "<div><h3>Hello There</h3><div>Hello World</div></div>";¿Sería mejor escribirlo como:
let outer_div = document.createElement("div"); let h3 = document.createElement("h3"); let inner_div = document.createElement("div"); let hello = document.createTextNode("Hello World"); inner_div.appendChild(hello); outer_div.appendChild(h3); outer_div.appendChild(inner_div);¿O ni siquiera importa la codificación inteligente en los entornos actuales?
Sugiero usar createElement . Es más rápido y más seguro. Imagina que cargas la entrada del usuario directamente en tu DOM con innerHTML. Esto puede ser un agujero de seguridad desagradable.