javascript - document.images 未在 chrome 或 firefox 上加载，但在 IE 上加载

Question

我有一个 anchor 标签 <a>带有图片标签 <img>在其中，我在该 anchor 标记上调用 javascript 函数，如下所示:

<a href="javascript: foo();"><img ...></a>
<a href="javascript: foo();"><img ...></a>
<a href="javascript: foo();"><img ...></a>

内部foo()函数，我用了 document.images 检索包含 3 个图像的数组。它在 IE 中运行良好，但在 chrome 和 firefox 上不起作用!

document.images.length在 IE 上返回 3，在 Chrome 和 Firefox 上返回 0。您对解决这个问题有什么建议吗？!

Answer 1

不会document.getElementsByTagName('img')为你工作？

它返回的不是一个数组，而是一个节点列表。如果你需要一个数组:

 var imgNodes = document.getElementsByTagName('img');
 var images = [].slice.call(imgNodes);