Оказывается, что innerHTML может быть ужасным тормозом, если после его изменения перестраивается dom. Вот такая функция работает намного быстрей:

[sourcecode language='jscript']
/* This is much faster than using (el.innerHTML = value) when there are many
existing descendants, because in some browsers, innerHTML spends much longer
removing existing elements than it does creating new ones. */
function replaceHtml(el, html) {
var oldEl = (typeof el === “string” ? document.getElementById(el) : el);
/*@cc_on // Pure innerHTML is slightly faster in IE
oldEl.innerHTML = html;
return oldEl;
@*/
var newEl = oldEl.cloneNode(false);
newEl.innerHTML = html;
oldEl.parentNode.replaceChild(newEl, oldEl);
/* Since we just removed the old element from the DOM, return a reference
to the new element, which can be used to restore variable references. */
return newEl;
};
[/sourcecode]

описание

тестовая страница

Magic DOM - javascript библиотека размером в 2k для создание элементов документа. (скачать)

Без нее:

var dl = document.createElement(‘dl’);
dl.className = ‘my_dl’;
var dt_equ = document.createElement(‘dt’);
dt_equ.innerHTML = ‘Equipments’;
dt_equ.className = ‘my_dt’;
dl.appendChild(dt_equ);

С ней:

var dt_equ;
var dl = DL({‘class’: ‘my_dl’},
dt_equ = DT({‘class’: ‘my_dt’}, ‘Equipments’));