document.createElement - 指定タグでのエレメント作成
スポンサードリンク
構文
document.createElement(name)
引数: name=タグ名
サポートブラウザ：
- 5+
- 1+
- 6+
「指定タグでのエレメント作成」サンプルコード
| 1 | <html> |
| 2 | |
| 3 | <head> |
| 4 | <title>document.createElement - 指定タグでのエレメント作成</title> |
| 5 | </head> |
| 6 | |
| 7 | <body> |
| 8 | |
| 9 | <!--指定タグでのエレメント作成のサンプル--> |
| 10 | <script type="text/javascript"> |
| 11 | function addElement() { |
| 12 | var element = document.createElement('div'); |
| 13 | element.id = "id"; |
| 14 | element.innerHTML = "hogehoge"; |
| 15 | element.style.backgroundColor = 'red'; |
| 16 | |
| 17 | var objBody = document.getElementsByTagName("body").item(0); |
| 18 | objBody.appendChild(element); |
| 19 | // body要素にdivエレメントを追加 |
| 20 | } |
| 21 | </script> |
| 22 | <button onclick="addElement()">要素を追加</button> |
| 23 | |
| 24 | </body> |
| 25 | </html> |
| ポップアップ | 印刷 | ←ポップアップでソースコードを開き、簡単にコピーできます | ? |
スポンサードリンク
忘却曲線を使って「document.createElement」を確実に記憶に残す「document.createElementの動作デモ」
新しいウィンドウで実行 | スクリプトを編集＆実行 - スクリプトをWEB上で編集＆動作確認することが出来ます。
関連ページ
アクティブのリンク色を得る - document.alinkColor
ドキュメント背景色を得る - document.bgColor
ドキュメントのクッキーを得る - document.cookie
デフォルトの文字コード指定を得る - document.defaultCharset
ドキュメントのドメイン情報を得る - document.domain
ドキュメントの前景色を得る - document.fgColor
ドキュメント作成日を得る - document.fileCreatedDate
ドキュメント更新日を得る - document.fileModifiedDate
ドキュメントファイルサイズを得る - document.fileSize
指定IDのエレメント取得 - document.getElementById
指定nameのエレメント全取得 - document.getElementsByName
指定タグのエレメント全取得 - document.getElementsByTagName
ドキュメント最終更新日を得る - document.lastModified
リンク色を得る - document.linkColor
ドキュメントの状態を得る - document.readyState
ドキュメントのREFERERを得る - document.referrer
ドキュメントのタイトルを得る - document.title
訪問済みのリンク色を得る - document.vlinkColor
スポンサードリンク