Всем привет. Как получить стиль элемента в javascript?типа: element.style.width
element.style.width
есть что-то такое?
В js получить значение свойства CSS очень просто. Есть такой замечательный метод
window.getComputedStyle
То есть,
<div id="foo" style="margin-top: 10px;"></div> <script> var style = getComputedStyle(document.querySelector('#foo')); console.log(style.marginTop); // 10
<div id="foo" style="margin-top: 10px;"></div>
<script>
var style = getComputedStyle(document.querySelector('#foo'));
console.log(style.marginTop); // 10
это кстати, не работает в IE8 там вместо getComputedStyle нужно element.currentStyle и значения в процентах, а не в пикселях
getComputedStyle
element.currentStyle
Для отправки комментария вам необходимо авторизоваться.
Вести с Хабра
+1
Loading...
В js получить значение свойства CSS очень просто. Есть такой замечательный метод
window.getComputedStyleТо есть,
<div id="foo" style="margin-top: 10px;"></div><script>var style = getComputedStyle(document.querySelector('#foo'));console.log(style.marginTop); // 10это кстати, не работает в IE8
там вместо
getComputedStyleнужноelement.currentStyleи значения в процентах, а не в пикселях