Red de conocimiento informático - Material del sitio web - Cómo escribir código html dinámicamente con js

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;