Javascript 如何替换加载时只有标题属性的图像？

假设我的html中有一个没有id或类的图像，如：

<img title="me" src="something_blabla_nonactive">

我想把它改成

<img title="me" src="something_blabla_active">

当页面加载时，我如何在JS中实现这一点

---

提前谢谢

使用

querySelector

获取第一个如下所示：

var firstImg = document.querySelector('img[title="me"]');

var allImgs = document.querySelectorAll('img[title="me"]');

或者

querySelectorAll

获取所有图像的类似数组的对象，这些图像的title属性设置为

me

，如下所示：

var firstImg = document.querySelector('img[title="me"]');

var allImgs = document.querySelectorAll('img[title="me"]');

选择器

[title=“me”]

是，这里是所有选项的参考。

使用以下选项：

$('img[title="me"]').attr("src", "something_blabla_activ")

---

试试这个。

你的选择从最好到最差的顺序是：1。添加id或类。2.基于周围/父元素选择图像。3.按标题属性选择图像。最后一个真的很糟糕。这很好用，但我刚刚注意到我的img标签中有一个鼠标悬停的图像也需要更改，我该怎么做<代码>代码只需添加$（'img[title=“me”]”）。悬停（function（）{$（this）…attr（“src”，“something_blabla_hover-image”）；}，function（）{$（this）…attr（“src”，“something_bla_after-hover”）；}）；这不知何故不起作用，也破坏了第一个代码。这就是我现在拥有的：

code

jQuery（'img[title=“me”]）.attr（“src”，“replaced.png”）；jQuery（'img[title=“BRANDImpact”]'）.hover（函数（）{$（this）…attr（“src”，“hover.png”）；}，函数（）{$（this）…attr（“src”，“replacedhover”）；}）；此外，我还需要为mouseout处理程序提供相同的replace函数，该处理程序也位于img中。从img中删除mouseover和mouseout。。。。并使用$（'img[title=“me”]'）.hover（function（）{$（this）.attr（“src”，“mouseover image”）；}，function（）{$（this.attr（“src”，“mouseout image”）；}）；我不能，因为这是由wordpress插件生成的，该插件显示图像而不是菜单文本：-（（我需要替换图像的全部原因是因为我无法让Wordpress将公文包页面的特定菜单项设置为活动）。