求助:怎样用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文件呢?请大家指教啊~~~

解决方案 »

  1.   


     <script type="text/javascript">
      <!--
    alert(document.getElementById("d").currentStyle.background)
      //-->
      </script>
      

  2.   

    回楼上:不行啊,弹出的文字是"undefined"
      

  3.   

    哦 忘记了 复合属性应该分开引用 <script type="text/javascript">
      <!--
    alert(document.getElementById("d").currentStyle.backgroundImage)
      //-->
      </script>
      

  4.   

    你这话什么意思 我就不试验 给你个提示不错了 自己是干什么的?document.getElementById("d")//ID如果你指定对了 还取不到值那我不知道了 我就一直这么用的
      

  5.   

    谢谢这位大哥,我今天刚好也碰到楼主的问题
    原来style 和 currentStyle是不一样的,style 可以获得内部css的属性,currentStyle才能获得外部css文件中定义的属性值的。