配列
620 ワード
文字列スティッチングのDOM操作
方式一:
方式二:
方式一:
var liststr="";
for(var i=100; i>0; --i){
liststr += "<li>This is list item #" + (99-i);
}
document.getElementById("someUL").innerHTML(liststr);
この方式は普通です.方式二:
var liststr = "<li>";
var listarr = [];
for(var i=100; i>0; --i){
listarr.push("This is list item #" + (99-i));
}
liststr += listarr.join("</li><li>") + "</li>";
document.getElementById("someUL").innerHTML(liststr);
これはJavaScriptでHTMLを繰り返し作成する最も簡単な方法で、テンプレートライブラリやフレームを使う必要がない.