我可以在JavaScript中获取CSS图像规则吗？

Question

我想获得一个CSS图像规则，如JavaScript中的（URL，Size），如Variable。

示例显示：

- HTML右语法：

<div id="mydiv"></div>

- CSS右语法：

<style>
body{
background: url('a.png');
background-image-size: cover;
}
</style>

JS错误语法：

    <script>
      function GetImgVar(){
       var imgsrc = document.body.style.backgroundImage;
         document.getElementById('mydiv').style.backgroundImage=imgsrc;
       }
    </script>

Answer 1

是的你可以。 试试吧：

<style id="stylesheet1">
body{
background: url('a.png');
background-image-size: cover;
}
</style>

<script>
var sheet = document.querySelector('#stylesheet1').sheet;

console.log(sheet.cssRules);// This will print all css rules that belongs to the body tag;

</script>