Question

如何使用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的背景属性呢？如果按您的方法，是不是得规定第几个样式，第几行？

Answer 1

<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="读">

Answer 2

<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="读">