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;