求助:怎样用js取得和改变外部css文件中定义的图片?html中定义如下:
<table id="table1" class="aaa" width="32" height="32" onclick="bbb();"></td>外部css文件中为table定义了背景图片,定义如下
.aaa{
background: url(./hello.png);
}那么js怎样取得和改变css中定义的背景图片呢???
我知道如果html是这样定义的话,<table id="table1" style="background: url(./hello.png);" width="32" height="32" onclick="bbb();"></td>
js中通过var a =
document.getElementById("table1").style.backgroundImage就可以得到定义的background。
通过document.getElementById(lastTableid).style.background
= "url(./hi.png)";就可以改变背景图片。
那么如果定义的是外部css文件呢?请大家指教啊~~~
<table id="table1" class="aaa" width="32" height="32" onclick="bbb();"></td>外部css文件中为table定义了背景图片,定义如下
.aaa{
background: url(./hello.png);
}那么js怎样取得和改变css中定义的背景图片呢???
我知道如果html是这样定义的话,<table id="table1" style="background: url(./hello.png);" width="32" height="32" onclick="bbb();"></td>
js中通过var a =
document.getElementById("table1").style.backgroundImage就可以得到定义的background。
通过document.getElementById(lastTableid).style.background
= "url(./hi.png)";就可以改变背景图片。
那么如果定义的是外部css文件呢?请大家指教啊~~~
<script type="text/javascript">
<!--
alert(document.getElementById("d").currentStyle.background)
//-->
</script>
<!--
alert(document.getElementById("d").currentStyle.backgroundImage)
//-->
</script>
原来style 和 currentStyle是不一样的,style 可以获得内部css的属性,currentStyle才能获得外部css文件中定义的属性值的。