document.getElementById（＆＃34; foo＆＃34;）。innerHTML打印HTML但不可见

Question

我在JavaScript中使用此迭代来生成一些＆gt; li＆lt;标签

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>";
}

如下图所示，＆gt; li＆lt;正在生成标签，但屏幕保持＆＃34;白色＆＃34;。

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

提前谢谢你， 斯蒂芬

Answer 1

你应该尝试删除

• 的高度：0像素;
• 的溢出：隐藏;

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

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

在这里进行比较：https://jsfiddle.net/vtrpyqdL/（试着运行这个然后删除css部分）