JavaScript以隐藏一个div，如果为空

Question

I am looking for javascript (not jquery as client has specified) to hide a div with class=top, if the div has no content. I can do it using jquery like below, but need to use javascript. Any ideas please?

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

Answer 1

Something like:

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

you could use innerHTML property to check if the selected div.top element contains content. something like this.

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

Use the following script:

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

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

Answer 5

You need to give id to DIV which you want to hide As there are no function in javascript by which you can find div by class. HTML:

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

Javascript:

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