使用 JavaScript 设置 <img> alt 标签

Question

我知道如何在页面上设置<img>类或全局到页面上的所有图像上的ALT 标记，但是如何对没有 id 或类的特定图像执行此操作？我可以以某种方式使用父 DIV 来引用图像并添加 alt 标签吗？

<div id="table_processing">
    <img src="processing_report.gif"> Loading Report List...
</div>

Answer 1

我建议使用document.querySelector()，它允许您使用 CSS（类 jQuery）选择器选择图像。

像这样：

var image = document.querySelector("#table_processing img");

然后你可以设置alt属性：

image.alt = "Our New Alt Text";

或者

image.setAttribute("alt", "our New Alt Text");

这是一个演示：

var image = document.querySelector("#table_processing img");

image.alt = "Our New Alt Text";