如何使用Javascript在兩個標籤內顯示圖像

Question

這是我試過的，但不起作用。

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

Answer 1

如果您在Web控制檯看，你會看到它在抱怨這一點：

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

getElementsByTagName返回NodeList，不是一個元素，因此它不具有getElementsByTagName方法。

假設結構如您所願，你可以使用第一a這樣的：

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

如果你要處理的所有環節中的圖像，你就需要一個循環。