根据它的alt属性更改<img/> src

Question

如何使用vanilla JS使用document.querySelectorAll（img）定位的for循环，根据其唯一的 alt 属性更改图像 src 。 TY

这个

<img src="../../img/potatoes.png" alt="potatoes">

向

<img src="../../img/potatoes/newpotatoes.png" alt="potatoes">

Answer 1

您可以使用array filter获取特定元素

[].slice.call(document.querySelectorAll('img')).filter(function(img){
    return img.alt === 'potatoes';
}).forEach(function(img){
  img.src = img.src.replace('.png', '/new' + img.alt.charAt(0).toUpperCase() + img.alt.slice(1) + '.png')
});