Для чего удаление делаем,разве он потом виден,сначала appendChild добавляем,а потом removeChild удаляем div?

Question

[olya_097]

// создадим элемент с прокруткой
var div = document.createElement('div');

div.style.overflowY = 'scroll';
div.style.width = '50px';
div.style.height = '50px';

// при display:none размеры нельзя узнать
// нужно, чтобы элемент был видим,
// visibility:hidden - можно, т.к. сохраняет геометрию
div.style.visibility = 'hidden';

document.body.appendChild(div);
var scrollWidth = div.offsetWidth - div.clientWidth;
document.body.removeChild(div);

alert( scrollWidth );

Comments

[twobomb]

По нормальному можно вопрос сформировать?

[olya_097]

twobomb, Для чего мы делаем removeChild ,тоесть удаление?

[twobomb]

olya_097, removeChild удаляет внутрений элемент. В данном случае document.body.removeChild(div);
Удалит элемент div из body

[olya_097]

twobomb, я понимаю,что это удаление,фишка в том разве scrollWidth будет виден после удаления дива?

[kot2566]

olya_097, Может неправильно понимаю, но переменной scrollWidth было присвоено значение до удаления (removeChild), поэтому значение этой переменной ненулевое.
Если поменять местами

document.body.removeChild(div);
var scrollWidth = div.offsetWidth - div.clientWidth;

то будет 0, т.к. div уже нет

[twobomb]

kot2566, Ну да не нулевое, всего скорее этот див и добваляли чтобы получить это расстояние

[olya_097]

kot2566, ок,а для чего тогда мы его удаляем?

[Алексей Ярков]

olya_097, ну так а на хрена он нужен, если уже узнали что надо? =)