變化，根據它<img> SRC的alt屬性

Question

如何根據它的獨特ALT屬性使用使用for循環document.querySelectorAll目標（IMG）香草JS改變圖像SRC。泰

這

<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') 
});