javascript 要素を指定した親要素内に追加する

javascript 要素を指定した親要素内に追加する

javascriptで、createElementメソッドを使用して要素を指定した親要素内に追加するサンプルコードを記述してます。

環境

  • OS windows10 pro 64bit
  • Apache 2.4.43

※windows10にApacheのインストールはこちら

createElementメソッド使い方

createElementメソッド使用すると要素を生成することが可能です。

createElementメソッド使い方

サンプルコード

以下は、「 要素を追加 」ボタンをクリックすると「span」タグを生成して「div」タグの「id = “parent”」に追加するサンプルコードとなります。

※cssには「uikit」を使用してます。

span要素が追加できていることが確認できます。