Cómo escribir código html dinámicamente con js

El llamado método de escritura dinámica significa que no hay contenido en el código del archivo fuente o que es necesario modificar el texto o el contenido que se mostrará aquí, lo que debe implementarse con código JavaScript. La escritura dinámica es un método muy común.

1. Utilice internalHTML para escribir código html:

ltdiv id="abc " > lt/div gt

lt script gt document. getelementbyid("ABC"). internalhtml = "Texto o contenido a escribir"

2.appendChild() método:

ltul id = " myList " gt lt李gtcoffeelt/李gt lt李gttea lt/李gt lt/ul gt;

ltbutton onclick = "my function()" gt;Haga clic para agregar elementos a la lista

ltscriptgt

Función myFunction() {

var nodo = documento. createelement(" LI ");

var textnode = documento. crear textnode(" Agua "); (nodo de texto);

documento. getelementbyid(" mi lista "). appendChild(nodo);

}

lt/script gt;