Puede cambiar dinámicamente los elementos en HTML a través de JavaScript
Agregar elementos a HTML
Primero, debe crear una etiqueta, luego agregar el contenido correspondiente a la etiqueta y luego agregar la etiqueta creada a la ubicación correspondiente.
< xmlns = "http://www.w3.org/1999/xhtml"> <fead> <meta http-equiv = "content-type" content = "text/html; charset = gb2312"/> <title> test document </title> <script type = "text/javaScript"> function add () {Var document.createElement ("P"); var nodo = document.createTextNode ("Agregar nuevo párrafo"); elemento.appendChild (nodo); x = document.getElementById ("demo"); X.appendChild (elemento); } </script> </head> <body> <div id = "demo"> <p> Este es el primer párrafo </p> </div> <input type = "button" value = "button" onClick = "add ()"/> </body> </html>Eliminar un elemento en html
< xmlns = "http://www.w3.org/1999/xhtml"> <head> <meta http-equiv = "content-type" content = "text/html; charset = gb2312"/> <title> test Document </title> <script type = "text/javascript" document.getElementById ("demo"); var child = document.getElementById ("P1"); padre.removechild (niño); } </script> </head> <body> <div id = "demo"> <p id = "p1"> Este es el primer párrafo </p> <p id = "p2"> Este es el segundo párrafo </p> </div> <input type = "button" value = "delete" onclick = "deletee ()"/> </body> </html>>