最近やたらと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);
}
}