この記事では、JavaScriptの要素を動的に作成および削除する方法について説明します。参照のためにそれを共有してください。特定の分析は次のとおりです。
DOMでは、DOM要素を動的に簡単かつ迅速に削除できます。ここで簡単な紹介をします。
例1：
動的にボタンを作成します
次のようにコードをコピーします：<html>
<head>
<title> dynamic createボタン</title>
<スクリプト言語= "javascript">
var a、b、ab、ba、c;
関数CreateInputa（）{
a = document.createelement（ "input"）; // DOMの要素作成方法を使用します
a.type = "button"; //要素のタイプを設定します
a.value = "ボタンA"; //要素の値を設定します
A.Attachevent（ "onclick"、addinputb）; //コントロール用のイベントを追加します
document.body.AppendChild（a）; //フォームにコントロールを追加します
// a = null; //オブジェクトをリリースします
}
例2：
次のようにコードをコピーします：<html>
<head>
<script type = "text/javascript">
function test（）{
// createElement（）ラベル名を指定する要素を作成します[次のような：ハイパーリンクを動的に作成]
var createa = document.createelement（ "a"）;
createa.id = "a1";
createa.innertext = "connect to baidu";
createa.href = "// www.vevb.com";
//createa.color="green "////色の追加（スタイル属性を忘れないでください、それ以外の場合は効果がありません）
createa.style.color = "green"
//デフォルトの場所を追加 - ボディと子ノードを追加します
//document.body.appendchild(createa）;
//指定された場所を配置します
document.getElementById（ "div1"）。appendChild（createa）;
}
関数test2（）{
//指定された場所でノードをremovechild（）に削除します
document.getElementById（ "div1"）。removechild（document.getElementById（ "a1"））; // ID名はJSを複製して最初のもののみを取得します
}
</script>
</head>
<body>
<！ - 動的要素の作成 - >
<入力型= "button" value = "タグを作成" onclick = "test（）"/> <br/>
<入力型= "button" value = "削除してタグを作成するonclick =" test2（） "/>
<div id = "div1">
</div>
</body>
</html>
複数のフォームを動的に作成します。
次のようにコードをコピーします：<html>
<head>
<script type = "text/javascript">
window.onload = function（）{
var abtn = document.createelement（ "input"）;
var bbtn = document.createelement（ "input"）;
var cbtn = document.createelement（ "input"）;
abtn.type = "button";
abtn.value = "ボタンA";
abtn.onclick = copybtn;
bbtn.type = "button";
bbtn.value = "ボタンB";
bbtn.onclick = copybtn;
cbtn.type = "button";
cbtn.value = "ボタンC";
cbtn.onclick = clearCopyBtn;
document.body.AppendChild（ABTN）;
document.body.AppendChild（BBTN）;
document.body.AppendChild（CBTN）;
};
関数copybtn（）{
var btn = document.createelement（ "input"）;
btn.type = "button";
btn.value = this.value;
btn.iscopy = true;
btn.onclick = copybtn;
document.body.AppendChild（BTN）;
}
関数ClearCopyBtn（）{
var btns = document.getElementsByTagname（ "入力"）;
var length = btns.length;
for（var i = length-1; i> = 0; i-）{
if（btns [i] .iscopy）{
document.body.RemoveChild（btns [i]）;
}
}
}
</script>
</head>
<body>
</body>
</html>
この記事がみんなのJavaScriptプログラミングに役立つことを願っています。