Почему так работают функции в javascript

[Arassir]

document.getElementById('div1').style.width=200+"px";
a=document.getElementById('div1').offsetWidth;
alert(a);

Почему alert(a); выводит не 200, а 228?

[Никки]

Потому что Ваш DIV растягивается по ширине своего контейнера.

[yury_coder]

к ширине прибавляется паддинг умноженный на два

[mv28jam]

Потому что здесь вы указываете ширину "рабочего поля" div'а

document.getElementById('div1').style.width=200+"px";

а здесь вы получаете его фактическую ширину учитывая падинги

a=document.getElementById('div1').offsetWidth;