JavaScriptを介して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; charse document.createelement（ "p"）; var node = document.createTextNode（ "新しい段落を追加"）; Element.AppendChild（ノード）; x = document.getElementById（ "demo"）; X.AppendChild（要素）; } </script> </head> <body> <div id = "demo"> <p>これは最初の段落</p> </div> <input type = "button" value = "button" onclick = "add（）"/> </body> </html> </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>テスト文書</titpe = <text/javascript = ""> javascript "> javascript"> javascript " document.getElementById（ "デモ"）; var child = document.getElementById（ "p1"）;父。RemoveChild（子）; } </script> </head> <body> <div id = "demo"> <p id = "p1">これは最初の段落</p> <p id = "p2">これは2番目の段落</p> </div> <入力タイプ= "ボタン" button "value =" delete "onclick =" deletee（） "/>> </html> </html>