我有一个简单的函数(向上),在这里它的箭头和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"
}
}
答案 0 :(得分:6)
img.src
getter (与img.src == '../img.jpg'
中一样)返回绝对URL ,即http://mysite.dev/img.jpg
。 img.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"
}