Mozilla.com

  1. MDC
  2. メインページ
  3. DOM
  4. document.createElement

◆◆◆ 翻訳中 ◆◆◆

このページは翻訳中です。
翻訳作業に参加する場合は、履歴にある翻訳者と連絡·調整してください。


« Gecko DOM リファレンス

概要

指定のタグ名で要素を生成します。

構文

element = document.createElement(tagName);
  • element は生成されるelementオブジェクトです。
  • tagName は生成される要素の型を特定する文字列です。生成される要素の nodeNametagName の値で初期化されます。

この例では新しい <div> タグを生成し、"org_div1"のidの要素の前に挿入します。

<html>
<head>
<title>||Working with elements||</title>
</head>

<script type="text/javascript">
var my_div = null;
var newDiv = null;

function addElement()
{
  // 新しいdiv要素を作成し、
  // それにいくつかの内容を与えます
  newDiv = document.createElement("div");
  newDiv.innerHTML = "<h1>Hi there and greetings!</h1>";

  // DOMに新しく作られた要素とその内容をを追加します。
  my_div = document.getElementById("org_div1");
  document.body.insertBefore(newDiv, my_div);
}

</script>

<body onload="addElement()">
<div id='org_div1'> 上のテキストは動的に生成されました。</div>
</body>
</html>

注記

デフォルト値のある良く知られた属性がある場合は、それらを表す属性のノードは自動的に生成され要素に適用されます。

正規の名前と名前空間のURIがある要素を作成するためにはcreateElementNSメソッドを使用します。

createElement のGecko実装はXULやXHTMLドキュメントに対するDOM仕様に準拠していません。localNamenamespaceURI は生成した要素において null はセットされていません。詳細は bug 280692 を参照してください。

Page last modified 23:25, 2008年6月9日 by Mgjbot

ファイル (0)