JavaScript以隱藏一個div，如果為空

Question

我正在尋找javascript（如果客戶端已指定，則不是jquery）來隱藏class = top的div（如果div沒有內容）。 我可以使用如下所示的jquery來做到這一點，但需要使用javascript。 有什么想法嗎？

$('div.top:empty').hide();

Answer 1

就像是：

var top = document.getElementsByClassName("top");
for (var i = 0; i < top.length; i++) {
    if (top[i].innerHTML.length == 0)
        top[i].style.display = "none";
}

Answer 2

您可以使用innerHTML屬性來檢查所選的div.top元素是否包含內容。 這樣的事情。

var topDiv = document.getElementsByClassName('top')[0];
if(topDiv.innerHTML === '') {
    topDiv.style.display = 'none';
}

Answer 3

(if(document.getElementById("yourDiv").innerHTML=="")
{
  document.getElementById("yourDiv").style.display='none';
}

Answer 4

使用以下腳本：

var divContent = $('div .top')[0].innerHTML;

if (divContent === '')
{
    $('div .top').hide();
}

Answer 5

您需要為要隱藏的DIV提供ID，因為javascript中沒有可以按類查找div的函數。 HTML：

<div class="top" id="divId"></div>

Javascript：

if( document.getElementById("divId").innerHTML == "" )
{
   document.getElementById("divId").style.display='none';
}