javascript - 如何使用 JavaScript 查找现有的图像标记并将属性添加到图像标记

Question

我在 HTML 中有下面的标签，它没有类或父 div 来识别，因为它的动态内容将加载到主体内部的任何地方。我的期望是如何找到这个 img 标签以及如何单独向这个图像注入(inject)“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">