Question

<strong class="logo">
<a href="/">
<img width="254" height="236" src="/themes/musika/images/logo.png" alt="logo"></img>
<span>text</span>
</a>
</strong>

需要通过javascript更改图片网址。 HTML代码无法更改。

Answer 1

无法更改HTML代码。

无需假设这是“您网页中的第一个img”或“添加ID标记”。您可以迭代所有img标记并搜索要修改的元素。

var imgs = document.getElementsByTagName("img");
for(var x = 0; x<imgs.length; x++){

if (imgs[x].scr == "/themes/musika/images/logo.png")
imgs[x].scr = "YOUR NEW IMAGE HERE"

}

Answer 2

如果您无法更改代码...那么您无法添加ID

就像已经建议的那样

如果图像是第一个

document.getElementsByTagName("img")[0].src="anotherimage.jpg";

功能方式

function changeimage(newimage){
document.getElementsByTagName("img")[0].src=newimage;
}
changeimage("anotherimage.jpg");

如果您不知道它是否是第一张图片，那么你知道这个名字然后搜索

var
imgs=document.getELementsByTagName('img'),
l=imgs.length;
while(l--){
 if(imgs[l].src=='/themes/musika/images/logo.png'){
  imgs[l].src='anotherimage.jpg';
 }
}

功能

function changeimage(newimage){
    var
    imgs=document.getELementsByTagName('img'),
    l=imgs.length;
    while(l--){
     if(imgs[l].src=='/themes/musika/images/logo.png'){
      imgs[l].src=newimage;
     }
    }
}

changeimage（ 'newimage.jpg'）;

Answer 3

假设这是页面上的第一张图片：

document.getElementsByTagName("img")[0].src = "c:\temp\newimg.jpg";

显然，将c：\ temp \ newimg.jpg更改为您需要的内容。

Answer 4

<img width="254" height="236" id="imageid" src="/themes/musika/images/logo.png" alt="logo"></img>



document.getElementById("imageid").src="image name";

Answer 5

为标记添加ID： <img id="image1" width="254" height="236" src="/themes/musika/images/logo.png" alt="logo"> 然后在javascript中使用以下命令指向新的src。

document.getElementById("image1").src="path/newImg.png";

Answer 6

在图片标记中添加ID

<img width="254" height="236"id="cng_img" src="/themes/musika/images/logo.png" alt="logo"></img>

现在您可以更改下面的图像

var cngid = document.getElementById("cng_img");

cngid.src = "path/to/image.png";

如何使用js更改图像网址？

6 个答案: