首页 > 其他分享 >如何用JS判断div中内容为空,当为空时隐藏div

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

时间:2023-12-15 15:44:44浏览次数:28  
标签:当为 id var div JS 空时

<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>

  

标签:当为,id,var,div,JS,空时
From: https://www.cnblogs.com/ymdi/p/17903495.html

相关文章

  • JS中两个数组取最大值
    如果你有两个数组,并且想要找到它们中的最大值,你可以使用Math.max()方法结合展开运算符...来实现。以下是示例代码:constarray1=[5,8,2,10];constarray2=[3,6,4,9];//使用展开运算符将两个数组合并为一个新数组constcombinedArray=[...array1,...array2];......
  • 【Node.js】-包以及npm基本使用操作
    一、包的概念将模块、代码、其他资料聚合成一个文件夹包分类:项目包:主要用于编写项目和业务逻辑软件包:封装工具和方法进行使用要求:根目录中,必须有package.js文件(记录包的清单信息)注意:导入软件包时,引入的默认是index.js模块文件/main属性指定的模块文件二、案例需求:封装数组求和函数......
  • Nestjs 依赖注入和控制反转
    前言Nest.js是一个使用TypeScript实现的在Node.js环境中运行的Web服务开发框架。它借鉴了很多优秀的设计思想,本文来说一说Nest中的依赖注入和控制反转。依赖注入依赖注入,英文名是DependencyInjection,简称DI。什么是依赖注入?可以分开来看,就是“依赖”和“注入”。您可能......
  • SheetJS 合并后的单元格不能正常显示边框
    原配置样式代码/***设置单元格样式*@paramworksheet工作单元*@paramfirstRow开始行*@paramlastRow结束行*@paramfirstCol开始列*@paramlastCol结束列*@paramfont字号*@paramblod是否加粗*/setCellStyle(worksheet......
  • Python 如何修改并存储 json文件内容 - json package 使用
     直接上代码:importjsondefjson_load(json_file):withopen(json_file,'r')asfh:content=json.load(fh)returncontentfh.close()defjson_save(json_file,data):withopen(json_file,'w',encoding='UTF-8')asf:......
  • 未能加载文件或程序集“Newtonsoft.Json”或它的某一个依赖项。找到的程序集清单定义
    原文链接:https://blog.csdn.net/weixin_45488182/article/details/132537085网上的资料,大都是因为版本号不一致,我检查了很多遍,我这边版本号是12.0.1与12.0.2,config里是12.0.0,应该算是一致的吧。并且清理重新生成后,就不会报这个错。程序可以正常运行了。今天终于解决了这个问题,......
  • JS如何判断文字被ellipsis了?
    在写页面的时候,我们知道想要文本超出宽度后用省略号省略,只需要加上一下的css就行了。.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}如果我们想要当文本被省略的时候,也就是当文本超出指定的宽度后,鼠标悬浮在文本上面才......
  • json好玩的库
    一、DeepDiff DeepDiff是一个Python库,用于比较Python对象的深度差异。能够比较各种数据类型,包括列表、元组、字典、集合、字符串、整数、浮点数等,并给出它们之间的差异。DeepDiff是提供一种简单且易于理解的方式来比较Python对象的差异。安装:pipinstalldeepdiff==6.7.1......
  • 【misc】[西湖论剑 2022]mp3 --js代码,mp3隐写,lsb隐写
    附件下载下来是一个mp3文件,我这里是先试了一下MP3Stego对mp3进行空密码解密发现得到了一个txt,貌似像一个key然后kali中foremost一下mp3,发现得到一张png图片,然后再zsteg查看这张图片‘发现有zip文件,提取出来试一下然后用一开始得到的key可以解密这个加密的压缩包,得到一段加......
  • python: json
     fromtypingimportListimportjsonclassStudent(object):def__init__(self,first_name:str,last_name:str):self.first_name=first_nameself.last_name=last_name@propertydefFirstNmae(self):returnself.f......