Вы можете динамически изменить элементы в HTML через JavaScript
Добавить элементы в HTML
Сначала вам нужно создать тег, затем добавить соответствующий контент в тег, а затем добавить созданный тег в соответствующее место.
<! Doctype html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns = "http://www.w3.org/1999/xhtml"> <Head> <meta http-equiv = "content-type" content = "text/html; charset = gb2312"/> <title> test document </tite> <script type = "text/javascript"> add () as add () as add () {). document.createElement ("p"); var node = document.createTextNode ("добавить новый абзац"); element.appendchild (узел); x = document.getElementById ("Демо -демонстрация"); X.AppendChild (элемент); } </script> </head> <body> <div id = "demo"> <p> Это первый абзац </p> </div> <input type = "кнопка" value = "onclick =" add () "/> </body> </html>Удалить элемент в HTML
<! Doctype html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns = "http://www.w3.org/1999/xhtml"> <head> <meta http-equiv = "content-type" content = "text/html; charset = gb2312"/> <title> test obomement </title> <script type = javascript delelete) document.getElementById ("Демо"); var Child = document.getElementById ("P1"); отец. Ремовехильд (ребенок); } </script> </head> <body> <div id = "demo"> <p id = "p1"> Это первый абзац </p> <p id = "p2"> Это второй абзац </p> </div> <input type = "value =" delete "onclick =" deletee () "/> </body> </html