如何使用JS来得到背景图片的地址

我想用JS来得到CSS里的一个样式的值,然后用JS来控制他
我写了一个代码,但是得不出来BG的值,如下:
document.write(document.getElementById("BG").style.background);

BG是一个DIV,他是一个CSS的标签内容,如下:
#BG {background-image: url(/BG/BG1.gif);}

我想用JS来输出background-image的值,最好能再来一个反向的赋值语句,谢谢恶劣
我是用在DIV里的,如下
<div id="BG"></div>

我能否直接控制ID为BG的背景属性呢?如果按您的方法,是不是得规定第几个样式,第几行?

第1个回答  推荐于2016-10-08
<style>
#BG {background-image: url(/BG/BG1.gif);}
#BG {width:200;}
</style>
<INPUT TYPE="button" onclick="alert(document.styleSheets[0].rules[0].style.backgroundImage)" value="读">
<INPUT TYPE="button" onclick="alert(document.styleSheets[0].rules[0].style.backgroundImage='url(/BG/BG2.gif)')" value="写">

<INPUT TYPE="button" onclick="alert(document.styleSheets[0].rules[1].style.width)" value="读">本回答被提问者采纳
第2个回答  2019-02-02
<style>
#BG
{background-image:
url(/BG/BG1.gif);}
#BG
{width:200;}
</style>
<INPUT
TYPE="button"
onclick="alert(document.styleSheets[0].rules[0].style.backgroundImage)"
value="读">
<INPUT
TYPE="button"
onclick="alert(document.styleSheets[0].rules[0].style.backgroundImage='url(/BG/BG2.gif)')"
value="写">
<INPUT
TYPE="button"
onclick="alert(document.styleSheets[0].rules[1].style.width)"
value="读">
相似回答