如何使用Javascript在两个标签内显示图像

Question

这是我尝试过的，但它没有用。

getImg = document.getElementById('mainId').getElementsByTagName('a').getElementsByTagName('img')[0];

Answer 1

如果你查看你的网络控制台，你会看到它抱怨这个：

getImg = document.getElementById('mainId').getElementsByTagName('a').getElementsByTagName('img')[0];
// Error -----------------------------------------------------------^

getElementsByTagName会返回NodeList，而不是元素，因此它没有getElementsByTagName方法。

假设结构符合您的预期，您可以使用 first a，如下所示：

getImg = document.getElementById('mainId').getElementsByTagName('a')[0].getElementsByTagName('img')[0];
// Change is here --------------------------------------------------^^^

如果你想处理链接中的所有图像，你需要一个循环。