Получение значений CSS из элементов

Question

Мне нужно использовать api для хранения веб-файлов для хранения изменений стиля элементов на одной странице. На самом деле я понятия не имею, как это сделать, но я думал, что начну с получения атрибута CSS , который был изменен и сохранил его в массиве. Я пытаюсь следить за тем, что происходит here и адаптирует его к моей проблеме.

это то, что я пытался, чтобы получить значения, но им не уверен, если это правильно:

function newItem(){ 
    var bgImg = document.getElementsByTagName('body').bgImg[0].style.getPropertyValue('background'); 
    var wideScreen = getElementById('sidebar').style.getPropertyValue('display'); 
    var playerColor = getElementById('video_container').style.getPropertyValue('background-color');  
    } 

Я не уверен, если код я уже писал выше, выхватывает информацию мне нужно.

Answer 1

Вы можете использовать getComputedStyle().

getComputedStyle() дает конечные используемые значения всех свойств CSS элемента.

var element = document.getElementById('sidebar'), 
    style = window.getComputedStyle(element), 
    display = style.getPropertyValue('display'); 


var element = document.getElementById('video_container'), 
    style = window.getComputedStyle(element), 
    bg = style.getPropertyValue('background-color');