Несколько вопросов новичка
 

1) Почему меняя в цикле значение какого-нибудь свойства, рендеринг происходит только один раз после цикла. А если использовать таймеры, то рендеринг происходит после каждого вызова функции по таймеру.
2) Может знаете хорошую статью о дереве отрисовки + рендеринге?
3) Все css свойства любого элемента вычисляются и находятся в дереве отрисовки, когда же мы запрашиваем значение свойств элемента через специальный метод в DOM, мы получаем объект, в котором находятся все свойства элемента. Тогда зачем нужны свойства элемента clientWidth, clientHeight, offsetTop и т.д.?

1.

while(true);

3.

<input type="button" value="click" onclick="alert('style.width: '+style.width+'\n clientWidth: '+clientWidth)">

Прочтите книгу "Дэвид Фленаган (David Flenagan) - Javascript. Подробное руководство."

Потом прочтите "Джон Резиг - Профессиональные приёмы программирования"

Потом задавайте вопросы.