javascript - 仅使用 Javascript 选择没有类或 ID 的图像

Question

好的..这可能有点挑战。基本上我需要选择一个图像，我希望它每隔几秒淡入淡出。

在正常情况下，这会相当简单...但问题是我正在使用的站点有某些限制。

首先，图像没有 ID 或类(只有替代文本，我无法编辑它来添加类)- 它位于一个确实有类的表中，但我似乎无法弄清楚如何使用 Javascript 向下钻取以选择特定图像....系统也不支持 jQuery。

我可以使用 CSS 完成它，没问题:TABLE.tableClass TD.tdClass IMG {}但不幸的是，该系统只能在 IE7/8 中查看，因此 CSS3 不是使图像闪烁的选项。

如果有人有任何建议，我将不胜感激。我能想到的最好的办法是选择表格，然后是 td，然后是其中的第一张图片……但我似乎无法弄清楚如何在 js 中完成此操作。

非常感谢!

Answer 1

你可以只使用 document.querySelector查找元素(或 document.querySelectorAll 获取所有匹配元素的列表):

document.querySelector('TABLE.tableClass TD.tdClass IMG');

但是，这在 IE 7 中不受支持。getElementsByClassName() 也不支持...

您可能要考虑完全放弃对 IE7 的支持。许多主要网站不再支持 IE7。越来越多的网站/图书馆也放弃了对 IE* 的支持。