Javascript document.getElementById（"；foo"；）。innerHTML不打印HTML，但不是'；看不见

我在JavaScript中使用这个迭代来生成一些>li<标记

for ( var i = 0, l = response.items.length; i < l; i++ ) 
{
    //alert(response.items[i].id.videoId);
    document.getElementById("thumbs").innerHTML += "<li class='item-thumbs span3 hardstyle'>Shortened for this question</li>";
}

for（变量i=0，l=response.items.length；i为此问题缩短了””；
}

如下图所示，正在生成>li<标记，但屏幕保持“白色”

谁能告诉我为什么会这样？这个脚本位于代码的底部，也许这就是为什么我看不到任何元素，因为页面的其余部分是在我遍历这个对象之前生成的

提前谢谢大家,，

---

Stephan

您应该尝试删除

• 高度：0px
• 溢出：隐藏

来自#thumbs元素的css值（至少第二个！）

---

在此处比较：（尝试运行此命令，然后删除css部分）

尝试将

ul

的

z-index

设置为高于该位置元素的

z-index

看起来您有css问题，但已经尝试过了。我已经手动添加了这些元素，它们实际上显示了，它与迭代生成的代码完全相同。您有活代码示例吗。看起来您可能有一些其他样式使其不可见。LI标签中有视频吗？既然您的图像中有单词

视频

或一些引导css冲突，它们是如何加载的？问题已经解决。谢谢大家！正如您在屏幕截图中看到的，元素的高度/宽度为270x202。这不是“拇指”本身，而是它的父元素。除此之外，可能是正确的答案。它与溢出有关：隐藏而不是高度谢谢你的评论。这就是问题的症结所在！不过我不明白。我手动添加它们，它们实际显示..您是否手动将它们添加到同一部分中的同一ul？

    #thumbs {height:0px; overflow:hidden;}