如何用JS判断div中内容为空,当为空时隐藏div

<div class="right_con_div" id="nodiv">
<h2>标题1</h2>
<ul class="id_inner"></ul>
</div>
<div class="right_con_div" id="nodiv">
<h2>标题2</h2>
<ul class="id_inner">
<li>列表1</li>
<li>列表2</li>
</ul>
</div>
 
//你在定义id时需要注意，元素的id尽量不要相同。否则不能区分是哪个元素。像现在这种情况ul需要用
相同的 class名 我用了id_inner
<script>
var test=document.getElementsByClassName('id_inner');
for(var i=0 ;i<test.length;i++)
{
var p=test[i].parentNode;
if(p.getElementsByTagName('li').length==0)
  {
   p.style.display='none';
 }
}
</script>