エレメント／ノードを生成する

書式

element = Builder.node(elementName, attributes, children)

element : ページ上のエレメント
elementName : 生成するエレメント名
attributes: エレメントの属性【省略可能】
children : 追加する子ノード【省略可能】

説明

　エレメント／ノードを生成するにはBuilder.node()を使います。パラメータには生成するエレメント（タグ名）を指定します。2番目のパラメータはオプションとしてエレメントの属性を指定することができます。3番目のパラメータは追加する子ノードを指定します。複数の子ノードを追加する場合には配列で指定することができます。以下のサンプルでは<p class="deathnote">Builder Sample</p>が生成されます。

Ajaxライブラリ リファレンス

サンプルコード [実行]

<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>Sample</title>
<link rel="stylesheet" href="main.css" type="text/css" media="all">
<script type="text/javascript" src="prototype.js"></script>
<script type="text/javascript" src="scriptaculous.js"></script>
<script type="text/javascript"><!--
function makeElement(){
var newElement = Builder.node( "p", { className : "deathnote" }, "Builder Sample" );
$("result").appendChild(newElement);
}
// --></script>
</head>
<body>
<h1>ノードを生成する</h1>
<form>
<input type="button" value="生成" onClick="makeElement()">
</form>
<div id="result"></div>
</body>
</html>