-1 
<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 更改图像 url。HTML 代码不能更改。

4

6 回答 6

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"

}
于 2013-06-06T13:15:28.687 回答
1

如果你不能更改代码......那么你不能添加 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');

于 2013-06-06T13:32:18.687 回答
0

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

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

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

于 2013-06-06T13:12:39.320 回答
0 
<img width="254" height="236" id="imageid" src="/themes/musika/images/logo.png" alt="logo"></img>



document.getElementById("imageid").src="image name";
于 2013-06-06T13:12:45.727 回答
0

在标签中添加一个 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";
于 2013-06-06T13:15:42.410 回答
0

在您的图像标签中添加一个 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";
于 2013-06-06T13:17:12.700 回答