javascript - javascript如果为空则隐藏div

Question

如果 div 没有内容，我正在寻找 javascript（不是客户端指定的 jquery）来隐藏 class=top 的 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

您需要为要隐藏的 DIV 提供 id 因为 javascript 中没有可以按类查找 div 的函数。HTML：

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

Javascript：

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

Answer 5

使用以下脚本：

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

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