如果div没有内容，则javascript隐藏div

Question

由于客户端请求，我无法使用jquery。我使用下面的脚本检查div是否为空，然后隐藏它，如果是这样的话。虽然没有工作。有什么想法吗？

<style>     
#top
{
padding: 0;
height: 120px;
width: 820px;
float: left;
background: #cccccc;
}
</style>
        <script>
if( document.getElementById("top").innerHTML == "" )
{
   document.getElementById("top").style.display='none';
}
        </script>
        <div id="top">
        </div>

Answer 1

在<{em> {/ 1}}

之后移动script

div

检查这个小提琴：

• http://jsfiddle.net/kJcfY/

基于（有价值的）评论：

以下是您尝试实现的功能的变体： （这将照顾流浪的空白）

<style>
    #top {
        padding: 0;
        height: 120px;
        width: 820px;
        float: left;
        background: #cccccc;
    }
</style>
<div id="top"></div>
<script>
    if (document.getElementById("top").innerHTML == "") {
        document.getElementById("top").style.display = 'none';
    }
</script>

• http://jsfiddle.net/kJcfY/1/

Answer 2

如果div为null，则应在比较之前修剪div的内容。检查此代码

<script type="text/javascript">
if(document.getElementById("top").innerHTML.trim()=='')
{
   alert('hello');
   document.getElementById("top").style.display='none';
}
</script>

应该尝试一下..

Answer 3

您似乎已将结尾div - 标记移动到与开头相同的行。这是你问题的一部分。

请尝试将空字符串与===运算符进行比较，它会为您节省一些时间。