Javascript循環內容在IE中消失

Question

我在我的網站的網站部分有騎車內容。在Internet Explorer中，該網站的鏈接在顯示一次後消失。它似乎在其他瀏覽器中正常工作。

這裏是一個鏈接：http://beta.crimmer.co.uk/

這究竟是爲什麼？

Answer 1

我在IE調試器中查看了你的頁面，我可以確定的是，鏈接和文本都在那裏，並根據需要旋轉，但缺少的鏈接高度爲零，因此不顯示。我無法弄清楚爲什麼。我想知道它是否與年齡陳舊的「IE需要佈局」問題有關，有時用zoom: 1;的CSS固定，但如果僅僅是這樣，我不會。

我也注意到，您的鏈接對象link1和link2都有相同的ID。這可能不是一個好主意，但可能不是造成這個特定問題的原因。我沒有在代碼中看到任何引用該id值的地方，因此您可以用類名替換它，並將其用於任何格式。

僅供參考，它最初顯示是因爲它在初始頁面的HTML中。這顯然是你正在做的與IE不喜歡的prorammatic旋轉，因此它不會顯示，當你以編程方式插入它。

一個可能的解決辦法，因爲link1和link2的HTML提前知道，而且還會減少你的代碼將只是構建link1和link2的HTML字符串，而不是旋轉手動創建的對象，只需設置的innerHTML，讓瀏覽器爲你創造一切有：

document.getElementById('websiteText').innerHTML = link1HTML; 

或

document.getElementById('websiteText').innerHTML = link2HTML;