javascript - 空の場合にdivを非表示にするjavascript

Question

divにコンテンツがない場合、class = topでdivを非表示にするJavaScript（クライアントが指定したjqueryではない）を探しています。以下のようにjqueryを使用して実行できますが、javascriptを使用する必要があります。アイデアはありますか？

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

Answer 1

クラスごとにdivを見つけることができるJavaScriptには関数がないため、非表示にするDIVにidを指定する必要があります。HTML:

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

Javascript:

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

Answer 2

次のスクリプトを使用します。

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

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