変更<img> SRCそれのalt属性にはバニラJSを使用してdocument.querySelectorAll（IMG）の対象となるforループを使用して独自の<strong>ALT</strong>属性ですに従って画像<strong>SRC</strong>を変更する方法

Question

によります。 Tyの

この

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

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

Answer 1

にあなたはその仕事は、特定の「ジャガイモをターゲットにする特定の要素

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