要素を追加する 

javascript

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

jQueryで要素を追加

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

//jqueryバージョン
var $t=$("#jquerywrap");
for(var i=0; i<30; i++){
	if((i%4)==false){
		$t.append("

番号:"+i+"

"); } }

JavaScriptで要素を追加

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

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

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

//javascriptバージョン
var t=document.getElementById("jswrap");
for(var i=0; i<30; i++){
	if((i%4)==false){
		var p=document.createElement("p");
		p.innerHTML="番号:"+i;
		t.appendChild(p);
		}
	}

動作確認