document.createElement

var createEl=(function (a) { return document.createElement(a); });

document.createElement('div');

さて、どちらが高速なんでしょう。実験してみましょう。

test1
test2

<script type="text/javascript">
var MAX=100000;
var createEl=(function (a) { return document.createElement(a); });

function test1() {
TimerJS.start();
for (var i=0; i < MAX; i++){
	createEl('div');
}
TimerJS.stop();
}

function test2() {
TimerJS.start();
for (var i=0; i < MAX; i++){
	document.createElement('div');
}
TimerJS.stop();
}
</script>

テストは、ブラウザのキャッシュを削除し、５回連続で計測した平均を採る。

---

テスト環境

---

テスト２

テスト環境