Document Object Model

Тест, кажется, некорректный. На один вызов innerHTML и тебя два DOMовых, естественно, результаты нивелируются. Кроме того, создание пустых дивов - это не совсем интересно, и никому не нужно. Следующее:

<form><textarea id=report rows=30 cols=80></textarea></form>
<button onclick=runTest(testHTML,'innerHTML')>html</button>
<button onclick=runTest(testDOM,'DOM')>DOM</button>

<script>
var cntEls=1000;

function runTest(func,desc){
.var div=document.createElement("DIV");document.body.appendChild(div);
.var d1=new Date();func(div);var d2=new Date();
.document.forms[0].report.value+="\n"+desc+"="+(d2-d1);}

function testHTML(div){
.for(var a=[],i=0;i<cntEls;i++) a[i]="<span id=XX"+i+">"+i+"</span>";
.div.innerHTML=a.join("");}

function testDOM(div){
.for(var i=0;i<cntEls;i++){
..var span=document.createElement("SPAN");
..span.id="YY"+i;
..span.appendChild(document.createTextNode(i));
..div.appendChild(span);}}
</script>

показывает принципиально другие результаты.

Насчет компиляции скрипта во что-то там супер-эффективное - сказки, имхо. Любой вызов ядра требует хотя бы резолюции переменных, причем динамической. Откуда собственно "умный компилятор" знает, что я не назвал свою переменную "document", а свою функцию "appendChild"?