如何使用 JavaScript 查找現有屬性並將屬性添加到圖像標記

Question

我在 HTML 中有下面的標簽，它沒有類或父 div 來識別，因為它的動態內容將加載到正文中的任何地方。 我的期望是如何找到這個 img 標簽以及如何單獨將“alt 標簽”注入到這個圖像中！？ 請在javascript中幫助我。 提前致謝注意：我在一個頁面中有更多的靜態圖像，我可以添加 alt 標簽

<img src="https://i.pinimg.com/originals/12/e2/6d/12e26d72c68442640b27583cff8d50e7.png" width="100" height="100" style="display: block">

Answer 1

您可以通過其src屬性選擇圖像標簽：

 const image = document.querySelector('img[src="https://i.pinimg.com/originals/12/e2/6d/12e26d72c68442640b27583cff8d50e7.png"]'); image.alt = 'alt tag'; console.log(image);

 <img src="https://i.pinimg.com/originals/12/e2/6d/12e26d72c68442640b27583cff8d50e7.png" width="100" height="100" style="display: block">

Answer 2

為圖像設置一個變量，然后用它做任何你想做的事情。

 function createIMG(alt){ const flowerIMG = document.createElement("img") flowerIMG.src = "https://i.pinimg.com/originals/12/e2/6d/12e26d72c68442640b27583cff8d50e7.png" flowerIMG.width="100" flowerIMG.height="100" flowerIMG.display="block" flowerIMG.alt = alt document.body.appendChild(flowerIMG) } createIMG("FLOWERS")

通過這種方式，您可以在函數中創建圖像，並且 alt 可以更改。 您還可以將其他屬性設置為參數。