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

我可以在JavaScript中获取CSS图像规则吗?,javascript,html,css,Javascript,Html,Css,我想得到一个css图像规则,比如JavaScript中的(URL,大小)变量 示例显示: <div id="mydiv"></div> <style> body{ background: url('a.png'); background-image-size: cover; } </style> <script> function GetImgVar(){ var imgsrc = document

我想得到一个css图像规则,比如JavaScript中的(URL,大小)变量

示例显示:

<div id="mydiv"></div>
<style>
body{
background: url('a.png');
background-image-size: cover;
}
</style>
    <script>
      function GetImgVar(){
       var imgsrc = document.body.style.backgroundImage;
         document.getElementById('mydiv').style.backgroundImage=imgsrc;
       }
    </script>
-HTML右语法:

<div id="mydiv"></div>
<style>
body{
background: url('a.png');
background-image-size: cover;
}
</style>
    <script>
      function GetImgVar(){
       var imgsrc = document.body.style.backgroundImage;
         document.getElementById('mydiv').style.backgroundImage=imgsrc;
       }
    </script>

-CSS右语法:

<div id="mydiv"></div>
<style>
body{
background: url('a.png');
background-image-size: cover;
}
</style>
    <script>
      function GetImgVar(){
       var imgsrc = document.body.style.backgroundImage;
         document.getElementById('mydiv').style.backgroundImage=imgsrc;
       }
    </script>

身体{
背景:url('a.png');
背景图像大小:封面;
}
JS错误语法:

<div id="mydiv"></div>
<style>
body{
background: url('a.png');
background-image-size: cover;
}
</style>
    <script>
      function GetImgVar(){
       var imgsrc = document.body.style.backgroundImage;
         document.getElementById('mydiv').style.backgroundImage=imgsrc;
       }
    </script>

函数GetImgVar(){
var imgsrc=document.body.style.backgroundImage;
document.getElementById('mydiv').style.backgroundImage=imgsrc;
}
是的,你可以。试试看:

<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>

身体{
背景:url('a.png');
背景图像大小:封面;
}
var sheet=document.querySelector('#stylesheet1').sheet;
console.log(sheet.cssRules);//这将打印属于body标签的所有css规则;

您应该将
style.backgroundImage
设置为字符串
“url(“+imgsrc+”)”
元素。style.PROPERTY
只读取内联样式…我知道,但我有两个图像,一个(主体图像背景)-两个(div图像背景),这些图像,我的意思是,如果我有一个图像主体,为什么在互联网上把第二个图像称为url?我想在body background中调用相同的图像,因为body background最终加载到internet上。我希望理解我的问题,抱歉我的英语不好。@学校设计-你考虑我最后的评论吗?不,我的兄弟你能给我一个完整的例子吗?