zoukankan      html  css  js  c++  java
  • 关于使用JS修改图片地址的一点困惑

    今天在使用JS切换图片时遇到一点问题。
    <script>
    function show(id)
    {
        
    var o=this.document.getElementById('line'+id);
        
    var t=this.document.getElementById('switch'+id);
        
    //var img=new Image();
            //初始代码没有new 一个Image对象
        var img=this.document.getElementById('img'+id);
        
    if (o.style.display=='none')
        
    {    
            o.style.display
    ='';
            t.innerText
    ='收缩';
            img.src
    ='/images/page/webshop/001/48_2.gif';
        }

        
    else
        
    {
            o.style.display
    ='none';
            t.innerText
    ='展开';
            img.src
    ='/images/page/webshop/001/48.gif';
        }

    }

    </script>

    初始代码没有new Image对象(注意这里Image对象,首字母大写),结果图片显示总是空白。思考了一下发现了原因。
    修改代码后,发觉可以正常显示了。不过还有一点困惑的地方是,有的时候还是图片没有出来,可能过一会儿就好了,
    这是感到比较奇怪的地方!
    作者:Jackhuclan
    出处:http://jackhuclan.cnblogs.com/
    本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。
  • 相关阅读:
    Comet OJ
    AtCoder Grand Contest 002题解
    AtCoder Grand Contest 001 题解
    线性基求交
    2019牛客暑期多校训练营(第四场)题解
    AtCoder Grand Contest 036题解
    计算几何 val.2
    计算几何 val.1
    模拟退火学习笔记
    动态点分治学习笔记
  • 原文地址:https://www.cnblogs.com/jackhuclan/p/883903.html
Copyright © 2011-2022 走看看