Как использовать значение JavaScript внутри значения свойства стиля HTML

Question

Я создал несколько div на странице.В зависимости от браузера (или могут быть любые другие настройки) я хочу изменить ширину этих div.

Теперь, если я встраиваю style = "бла-бла-бла ...; ширина: 200 пикселей"внутри тега div, все в порядке.Но я хочу, чтобы эти 200px были, скажем, 220 иногда или 230 или 240 разами.Итак, что я хочу сейчас, чтобы вычислить требуемую ширину в javascript, поместить ее в переменную и затем вставить в качестве значения свойства ширины, как в & {} ...

Если мне ясно, возможно ли это таким образом, если да, то как.

Answer 1

Вы можете установить свойства CSS для элементов DOM в JavaScript:

Скажем, у вас есть div с id из someDiv, вы можете использовать следующий JavaScript для изменения его ширины:

window.onload = function() {
   var newWidth = 220;
   document.getElementById('someDiv').style.width = newWidth + 'px';
};