==在我的IF语句Function

时间:2019-04-07 04:03:07

标签: javascript image if-statement

我有一个简单的函数(向上),在这里它的箭头和onclick应该在div“ gallerymain”中检查图像1,如果在其中应该显示图像2。否则显示图像3,并且应该显示图片4。

但是由于某种未知的原因==不能正常工作(我用alert检查),我还确保所有情况都在正确的大小写和路径下。有趣的是,如果我将使用=而不是==可以工作,但是onclick它将显示图像2,无论如何(即使存在图像3)我都知道为什么(因为我将路径分配给src)。也许有人请重新看一下,看看我想念的是什么。

谢谢!

  function up () {         


     if 
        (document.getElementById("gallerymain").src == 
    "../images/gallery/image1.jpg") 
        {
        document.getElementById("gallerymain").src = 
    "../images/gallery/image2.jpg"
        }
    else if   
    (document.getElementById("gallerymain").src == 
    "../images/gallery/image3.jpg") 
        {
    document.getElementById("gallerymain").src = 
    "../images/gallery/image4.jpg"
        }
    }

1 个答案:

答案 0 :(得分:6)

img.src getter (与img.src == '../img.jpg'中一样)返回绝对URL ,即http://mysite.dev/img.jpgimg.src 设置(如img.src = '../img.jpg'中一样)将相对URL 修改为绝对。
getAttribute方法将精确返回所分配的内容。所以试试看。

if 
    (document.getElementById("gallerymain").getAttribute('src') == 
"../images/gallery/image1.jpg") 
    {
    document.getElementById("gallerymain").src = 
"../images/gallery/image2.jpg"
    }