jQ.Mobi | document.getElementById("container").innerHTML="";
$ = jq;
var con = jq("#container");
var ul = jq("<ul/>");
var i;
for (i = 0; i < 100; i++) {
var li = jq("<li>hello world jq.Mobi</li>");
ul.append(li);
}
con.append(ul);
| ready |
jQuery | document.getElementById("container").innerHTML="";
var con = jQuery("#container");
var ul = jQuery("<ul/>");
var i;
for (i = 0; i < 100; i++) {
var li =jQuery("<li>hello world jQuery</li>");
ul.append(li);
}
con.append(ul);
| ready |
Zepto | document.getElementById("container").innerHTML="";
var con = Zepto("#container");
var ul = Zepto("<ul/>");
var i;
for (i = 0; i < 100; i++) {
var li =Zepto("<li>hello world Zepto</li>");
ul.append(li);
}
con.append(ul);
| ready |
NoFramework - innerHTML | document.getElementById("container").innerHTML="";
var container = document.getElementById('container');
var items = [];
var i;
for (i = 0; i < 100; i++) {
items.push("<li>hello world NoFramework</li>");
}
container.innerHTML = "<ul>" + items.join("") + "</ul>";
| ready |
NoFramework - DOM DocumentFragment | document.getElementById("container").innerHTML="";
var container = document.getElementById('container');
var cf = document.createDocumentFragment();
for (var i = 0; i < 100; i++) {
var li = document.createElement('li');
li.textContent = 'hello world NoFramework';
cf.appendChild(li);
}
container.appendChild(cf);
| ready |
Sencha | document.getElementById("container").innerHTML="";
var con = Ext.get("container");
var ul = {tag: 'ul', cn: []};
var i;
for (i = 0; i < 100; i++) {
ul.cn.push({ tag: 'li', html: "hello world Sencha FTW"});
}
con.createChild(ul);
| ready |
NoFramework - DOM Clone | document.getElementById("container").innerHTML="";
var container = document.getElementById('container');
var cf = document.createDocumentFragment();
var li = document.createElement('li');
for (var i = 0; i < 100; i++) {
var li2 = li.cloneNode(false);
li2.textContent = 'hello world NoFramework';
cf.appendChild(li2);
}
container.appendChild(cf);
| ready |
NoFramework - DOM div | document.getElementById("container").innerHTML="";
var container = document.getElementById('container');
var div = document.createElement('div');
for (var i = 0; i < 100; i++) {
var li = document.createElement('li');
li.textContent = 'hello world NoFramework';
div.appendChild(li);
}
container.appendChild(div);
| ready |