日期:2014-05-16  浏览次数:20561 次

CSS + JS (javascript如何改变DIV的背景图片) HTML代码:

<style type="text/css">
<!--
 #imgpaly{
 background-image:url(images/big.gif);width:380px; height:484px; border:0px;}
-->
</style>
  <img src="images/small_4.gif" border="0" onclick="imgpaly(this.src)" /> 
  <div id="imgpaly"></div>

JS代码:
<script>
function imgpaly(img)
{ var myint,myimg;
  myint=img.indexOf('image');
  myimg=img.substring(myint);
  myimg="'url(" + myimg + ")'";  
  document.getElementById("imgpaly").style.backgroundImage = myimg;这里出错。。???是不是不能这样写。那该怎么写??
  //document.write(myimg); 这里能输出:'url(images/small_4.gif)'
  //document.all.imgpaly.style.backgroundImage = myimg; 这个也是出错的。?
  //document.all.imgpaly.style.backgroundImage='url(images/small_2.gif)'; 这里是正确的,可以改变imgpaly的样式。
}
</script>

当点击图片(<img src="images/small_4.gif" border="0" onclick="imgpaly(this.src)" />)后,没有改变ID imgpaly的样式。。???

请问这一句:document.getElementById("imgpaly").style.backgroundImage = myimg;这里出错。。???是不是不能这样写。那该怎么写??

请教各位同行帮忙侃侃,谢谢。。。


------解决方案--------------------
js里的这句改成:
myimg="url(" + myimg + ")"; //把单引号去掉就ok了