- 1

Адаптивнось страницы. И почему js не воспринимает проценты?

Я знаю о js и его выходках крайне мало. Но с каждым разом все больше удивляюсь. Бе лишних слов вот код https://code.sololearn.com/WtTA23kr8gik/?ref=app а вот проблема. В css указал ширину обьекта в процентах хочу ее вывести javaScript'oм а значение Null. я хотел делать прямоугольик берущий максимально возможную ширину. А высоту подстраивающий в пропорции но как тогда это сделать. Подскажите, ибо я с этим js'ом совсем с ума сойду. Заранее спасибо

html css russian web js

26th Mar 2018, 7:45 AM

jmik

3 Answers

+ 1

Проблема не в процентах. Используй alert(window.getComputedStyle(mb).width); или alert(mb.offsetWidth);

26th Mar 2018, 6:30 PM

Андрій Козак

А можешь пожалуйста объяснить почему это работает?(просто на магию очень похоже)))))

29th Mar 2018, 3:39 PM

jmik

Из MDN: The style property is not useful for completely learning about the styles applied on the element, since it represents only the CSS declarations set in the element's inline style attribute, not those that come from style rules elsewhere, such as style rules in the <head> section, or external style sheets. To get the values of all CSS properties for an element you should use window.getComputedStyle() instead.

29th Mar 2018, 6:10 PM

Андрій Козак