Как обращаться к стилю элемента из чистого js

322
02 июля 2017, 16:21

здравствуйте
как получить стиль элемента dom в js?
например 

elem = document.getElementById('id');

как вытащить у этого элемента стили css?

Answer 1

вот так попробуйте

var element = document.getElementById("myElement"); 
var out = ""; 
var elementStyle = element.style; 
var computedStyle = window.getComputedStyle(element, null); 
 
for (prop in elementStyle) { 
  if (elementStyle.hasOwnProperty(prop)) { 
    out += "  " + prop + " = '" + elementStyle[prop] + "' > '" + computedStyle[prop] + "'\n"; 
  } 
} 
console.log(out)
<!DOCTYPE HTML> 
<html> 
 <body style="font-weight:bold;"> 
 
    <div style="color:red" id="myElement">..</div> 
 
 </body> 
</html>

Answer 2

Свойство elem.style, очевидно же.

https://puzzleweb.ru/javascript/element_style.php

READ ALSO
Как выводить с файла записи за последний час?
javascript

Как выводить с файла записи за последний час?

В json файле хранятся сообщения пользователей чатаНужно выводить на экран все сообщения за последний час

 221
Как узнать, где и как вычисляются значения переменной [требует правки]
javascript

Как узнать, где и как вычисляются значения переменной [требует правки]

Тело сообщения должно содержать не менее 30 символов

 192
Не работaет запрос AJAX и JSON
PHP

Не работaет запрос AJAX и JSON

Когда я убираю dataType: 'json', то success: работает, а иначе нетТак как $("#log-form")

 435
Работа с PHP JSON MYSQL
PHP

Работа с PHP JSON MYSQL

Есть таблица

 224