プログラミング学習の記録 128 段落を追加したり削除したりするButton。

開発環境:Visual Web Developer+Internet Explorer スクリプト言語:JavaScript

段落を追加したり削除したりするButtonを作成してみる。
<script language="javascript" type="text/javascript"> function AddText(f) { var p1 = document.getElementById("p1"); var label = document.createElement("p"); var text = document.createTextNode("段落"); label.appendChild(text); p1.appendChild(label); } function RemoveText(f) { var p1 = document.getElementById("p1"); p1.removeChild(p1.childNodes.item(0)); }</script> <form action=""> <h1>DOM Sample</h1> <input type="button" value="段落を追加" onclick="AddText();" /> <input type="button" value="段落を削除" onclick="RemoveText();" /> <p id="p1">段落</p> </form>

DOM Sample

段落