回 帖 发 新 帖 刷新版面

主题:求助:cs + javascript

html代码:<img src="images/small_4.gif" border="0" onclick="imgpaly(this.src)" /> 

js代码:
<script language="javascript" type="text/javascript">
function imgpaly(img)
{ var myint,myimg;
  myint=img.indexOf('images');
  myimg=img.substring(myint);
  myimg="'url(" + 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)';//这里是正确的结果
}
</script>

请教各位,这段代码错在那里了,谢谢!


[color=FF0000]不好意思,上面可能写的不详细,,,我重新写了个详细点的...请各位帮忙侃侃...谢谢..[/color]

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;这里出错。。???是不是不能这样写。那该怎么写??

请教各位同行给答案,谢谢。。。

回复列表 (共3个回复)

沙发

imgpaly这是什么?

板凳


您好:

    imgpaly这个是指HTML代码中的<div id="imgpaly"></div>...不好意思,,前面没写清楚.还望高手再帮忙看看,,谢谢...

3 楼

document.all.imgpaly.style.backgroundImage = myimg; 
换成
document.getElementById("imgpaly").style.backgroundImage=myimg;
试试

我来回复

您尚未登录,请登录后再回复。点此登录或注册