如何用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>


赞(0) 打赏
未经允许不得转载:JavaScript » 如何用JS判断div中内容为空,当为空时隐藏div

评论 抢沙发

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏