Question

有人可以告诉我如何在JavaScript中访问以下HTML行吗？我似乎无法在JavaScript中找到图像对象：

<td colspan="2" rowspan="5"><img src="../image/6765.jpg" width="330" height="130" />

最终结果是我想要更改图像。谢谢你的帮助！

Answer 1

您应该为<img>元素添加唯一的id：

<img id="myImage" src="../image/6765.jpg" width="330" height="130" />

然后在JavaScript中，您应该能够使用document.getElementById()

获取对元素的引用

document.getElementById('myImage').src = 'new-image.jpg';

Answer 2

或...寻找它的出现次数（0,1,2或更多x）......

javascript:
    for(i in document.images)
        if(/\/image\/6765\.jpg/.test(document.images[i].src))
/* resolve the base address with the '..' for a more stringent test */
             alert([ 'image URI found at image index: ', i,
                      '\n\nimage.src is\n', document.images[i].src ])

例如在此页面上查找“.jpg”或“.png”或“.gif”

javascript:
    for(i in document.images)
        if(/\.(jpg|gif|png)/.test(document.images[i].src))
             alert([ 'image URI found at image index: ', i,
                      '\n\nimage.src is\n', document.images[i].src ])

发现：

在图像索引处找到的图像URI：，0，

image.src是
  HTTP：//static.adzerk.net/Advertisers/c9180f024ecb4880954922ef7a72be87.gif



  在图像索引处找到的图像URI：，4，

image.src是
  HTTP：//static.adzerk.net/Advertisers/2568.jpg



  在图像索引处找到的图像URI：，6，

image.src是
  HTTP：//sstatic.net/ads/img/careers2-ad-header-so.png

JavaScript Image对象

2 个答案: