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;