createTextNode vs innerHTML vs textContent
importancia: 5
Tenemos un elemento DOM vacio elem y un string text.
¿Cuáles de estos 3 comandos harán exactamente lo mismo?
elem.append(document.createTextNode(text))elem.innerHTML = textelem.textContent = text
Respuesta: 1 y 3.
Ambos comandos agregan text “como texto” dentro de elem.
Aquí el ejemplo:
<div id="elem1"></div> <div id="elem2"></div> <div id="elem3"></div> <script> let text = '<b>text</b>'; elem1.append(document.createTextNode(text)); elem2.innerHTML = text; elem3.textContent = text; </script>