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

使用以下脚本：

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

如果为空，javascript隐藏div

5 个答案: