Anda dapat secara dinamis mengubah elemen dalam HTML melalui JavaScript
Tambahkan elemen ke HTML
Pertama, Anda perlu membuat tag, lalu menambahkan konten yang sesuai ke tag, dan kemudian tambahkan tag yang dibuat ke lokasi yang sesuai.
<! Doctype html public "-// w3c // dtd xhtml 1.0 transisi // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns = "http://www.w3.org/1999/xhtml"> <adept> <meta http-equiv = "content-type" content = "text/html; charset = gb2312"/> <itement> Dokumen uji </title> <script type = "text/javas/JAVAS (Title" (Title> </title </title <cript = "TEXT/JAVAS/JAVAS/JAVAS (TRICT/JAVAS (TRIMS =" TEKS = "TEXT/JAVAS/JAVAS/JAVAS/JAVAS/TEXT/JAVAS (TEKST> document.createelement ("p"); var node = document.createTextNode ("Tambahkan paragraf baru"); element.appendChild (node); x = document.getElementById ("demo"); X.AppendChild (elemen); } </script> </head> <body> <Div id = "Demo"> <p> Ini adalah paragraf pertama </p> </div> <input type = "Tombol" value = "Tombol" onclick = "add ()"/> </body> </html>Hapus elemen dalam HTML
<! Doctype html public "-// w3c // dtd xhtml 1.0 transisi // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns = "http://www.w3.org/1999/xhtml"> <adept> <meta http-equiv = "content-type" content = "text/html; charset = gb2312"/> <iteme> Dokumen uji </title> <script type = "text/javascrip" finke "finke {Title> </title> <script =" text/javascrip "finke" finke "finke </title </title </title <cript =" TEXT = "TEXT/TEXT/JABASE" document.geteLementById ("demo"); var child = document.geteLementById ("p1"); ayah.removechild (anak); } </script> </head> <body> <div id="demo"> <p id="p1">This is the first paragraph</p> <p id="p2">This is the second paragraph</p> </div> <input type="button" value="delete" onclick="deleteE()" /> </body> </html>