Мои задачи по Javascript
Случайная задача
Список всех задач

Задача 10

<div id="block" style="border: 1px solid black; margin-top: 10px;">
Клён ты мой опавший, клён заледенелый,
Что стоишь, нагнувшись, под метелью белой?
</div>
let block = document.getElementById('block');
block.style.marginTop = window.getComputedStyle(block).marginTop + 40;
Что произойдет с div-блоком после выполнения кода?
1
2
3
4
5
← Задача 9Задача 11 →
Пояснение Браузер возвращает значение css-свойства margin-top в виде строки.
window.getComputedStyle(block).marginTop возвратило '10px'; В итоге получилось такой выражение:
'10px' + 40
Интерпретатор увидел строку и оператор "плюс" и поэтому применил конкатенцию. Получилось:
'10px40'
Для браузера это неверное значение css-свойства margin-top, поэтому он проигнорировал инструкцию и не изменил значение.

Изменить верхний отступ можно было, например, так:
block.style.marginTop = parseInt(window.getComputedStyle(block).marginTop) + 40 + 'px';



Написать сообщение - отзыв, пожелание и т.п.