Question

我需要使用web存储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');

从元素中获取CSS值

1 个答案: