要素を追加する 

javascript

最近やたらとjQueryに頼って生きてます。
jQueryだと要素の追加が簡単だがjavascriptでどうやるんだっけということでメモ。

jQueryで要素を追加

jqueryだとappendメソッドを仕様してDOM要素を記述するだけなので簡単です。

JavaScriptで要素を追加

documentオブジェクトのcreateElementでp要素を制作。

innerHTMLで制作した要素にテキストを追加する。

appendChildメソッドで取得したdiv要素に子要素として追加する。

動作確認