什么是“document.images”的替代方案

Question

我有一段代码通过document.images方法操作表格中的图像，如下所示：

document.images[myArray].src="imageZero.gif"

代码完全符合我的要求，但如果我在页面上有其他图像，则此代码会影响它们。

如何更改代码以使其仅影响表格中的图像？

此致

jmcall10

Answer 1

您可以使用getElementsByTagName：

首先确定表格。如果您的表格具有id属性，则可以执行以下操作：

var mytable = document.getElementById('mytable');

然后拨打getElementsByTagName：

var images = mytable.getElementsByTagName('img');

现在您可以使用索引访问这些图像：

for (var i = 0; i < images.length; i++) {
    images[i].src = "imageZero.gif";
}

在现代浏览器中，您可以使用

更快地完成此操作

for (const img of document.querySelectorAll('#mytable img')) {
    img.src = "imageZero.gif";
}

Answer 2

您正在寻找document.querySelectorAll（＆＃39; css-selectors＆＃39;）

所以你想要在一个表中定位所有你想要的图像

var images = document.querySelectorAll('table img');

如果您的表格为ID或class，而您的图片也是选择器，则可能如下所示：

var images = document.querySelectorAll('table#tabl-id.tableclass img.class');

请务必关注并阅读此答案顶部的两个链接。

现在像以前一样更改图像的src：

var images = document.querySelectorAll('table img');
for(var i=0; i <= images.length; i++) {
    images[i].src="imageZero.gif"
}