JavaScript

[JavaScript] 要素を生成する(document.createElement)

投稿日:

JavaScriptでHTMLの要素を生成するには、document.createElementを使用します。

サンプルソース

例)ボタンを押すと、div要素を生成する

9行目で要素を生成し、21行目で要素を反映させています。

解説

  • 引数にHTMLに存在しないタグ名を指定しても、問題ありません。
    ただ、HTMLとしては解析されないので表示は保証しません。

スポンサーリンク

スポンサーリンク

-JavaScript
-

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

[JavaScript] 2つの配列を結合する(.concat)

2つの配列を結合するには、.concat()を使用します。 2つの配列を結合するサンプル 例)配列 arr1 と arr ...

[JavaScript] canvasタグに画像を読み込む

canvasタグに画像を読み込むサンプルです。 サンプルソース 例)ボタンを押すとcanvasに画像(inu.png)を ...

[JavaScript] 要素のサイズを取得する

JavaScriptでdivなどの要素のサイズを取得する方法です。 .styleで取得する方法と、.getBoundin ...

[JavaScript] マウスポインタが触れた/離れたイベントを取得する(onMouseOver, onMouseOut)

オブジェクトにマウスポインタが触れたイベントを取得するにはonmouseover、 マウスポインタが離れたイベントを取得 ...

[JavaScript] フォームリセット時イベントを取得する(onReset)

フォームリセット時イベントを取得するには、onresetイベントハンドラを使用します。 サンプル 例)フォームリセット処 ...

スポンサーリンク