• 技术文档
  • 专业的网站建设公司
  • 020-39182790

技术文档

您现在的位置:首页 > 服务支持 > 技术文档
js判断当参数值为空时自动隐藏该参数(同时适合其他内容为空时自动隐藏)
作者:织晶客服部 发布于:2019/6/29 18:49:29 点击量: 来源:织晶网络

网页前端设计时,经常会碰到当参数值为空时只显示参数名称,但参数值没有显示,这样看起来不美观。 为了解决当参数值为空时,参数名称也不显示出来,下面提供解决办法,以供参考。

html部分
< div>
< ul>
< li id="name1" >
< P>参数名称1:< /P>
< P id="val1" >[content:cshu1]< /P>
< /li>
< li id="name2">
< P>参数名称2:< /P>
< P id="val2">[content:cshu2]< /P>
< /li>
< /ul>
< /div>

js部分
< script>
//获取id为value的标签内容
var val1 = document.getElementById('val1').innerHTML;
//判断内容是否为空    
if(val1 == ''){
//为空执行隐藏
document.getElementById('name1').style.display="none";
}
var val2 = document.getElementById('val2').innerHTML;
if(val2 == ''){
document.getElementById('name2').style.display="none";
}
< /script>

备注:为了保证代码测试正常使用,请把标签 div , ul , li , p,  script  中的 空格 去掉



上一篇:表单中input标签输入后自带背景颜色的解决方法

下一篇:开发微信公众号和小程序需要懂哪些技术?