javascript dom head 要素を削除
DOM 要素の生成、削除 - JavaScript スタイルシートサンプル集
createElementメソッド
新規に要素を生成するにはcreateElementメソッドの引数に
タグ名を指定し、属性名とその値を記述します。
var Botan = document.createElement("input");
Botan.type = "button";
Botan.value = " ボタン";
Botan.id = "BotanID";
Botan.onclick =AddP;
上記のコードはつぎのHTMLタグを生成します。<input type="button" value="ボタン" id="BotanID" onclick="AddP()">
変数 Botanはこれらを構成する要素ノードオブジェクトです。
appendChildメソッド
生成した要素を任意の場所に表示します。var Frm = document.getElementById("Myfrm");
Frm.appendChild(Botan);
<body>内の表示したい場所に id属性を振ります。<div id="Myfrm"></div>
これでFrmの子要素として要素ノードオブジェクトBotanを追加表示します。
removeChildメソッド
引数に指定した要素ノードオブジェクトを削除します。
このメソッドは名前のように子要素を削除するメソッドですので
削除対象の要素の親要素が必要になります。
ここではparentNodeプロパティを使って，親要素を参照しています。var Botan = document.getElementById("BotanID");
Botan.parentNode.removeChild(Botan);
