JavaScript Image對象

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' 或 '巴紐' 或 '.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 is
，http：//sstatic.net/ads/img/careers2-ad-header-so.png