AJAXのお勉強

prototype エレメントの生成と削除＠AJAX

エレメントの生成と削除を行います。

生成は、document.createElementにて、エレメントを作成します。
生成したエレメントに設定を行います。
appendChildにて、エレメントを追加します。

削除は、Element.removeにて行います。
removeの引数には、削除したエレメントのオブジェクトを指定します。

下記では、生成ボタンでdivタグを生成し、
削除ボタンにてdivタグを削除しています。


<html>
<head>
<title>prototype エレメントの生成と削除</title>
<script type="text/javascript" src="prototype.js"></script>
<script type="text/javascript">
<!--

function createElem() {
    var contents = document.createElement("contents");
    contents.innerHTML = "DIVタグを生成しました。";
    contents.id = "contents"
    $("main").appendChild(contents);
}

function removeElem() {
    var contents = $("contents");
    Element.remove(contents);
}

// -->
</script>
</head>
<body>

<input type="button" value="生成" onclick="createElem()">
<input type="button" value="削除" onclick="removeElem()">
<BR><BR>
<div id="main">
ここにタグを生成します。<BR>
<BR>
</div>

</body>
</html>

Copyright (C) 2008 AJAXのお勉強. All Rights Reserved.