当内容为空是 标签的样式为 display:none; 40C

javascript如何实现当a标签里面的内容为空的时候 (也就是 测试 这2个字为空的时候) 如何让< li > 标签的样式为 display:none;

<div id="abc">
<li><a href="#">测试</a></li>
<li><a href="#">测试</a></li>
<li><a href="#">测试</a></li>
<li><a href="#">测试</a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
</div>
-1

3个回答



<div id="abc">
<li><a href="#">测试</a></li>
<li><a href="#">测试</a></li>
<li><a href="#">测试</a></li>
<li><a href="#">测试</a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
</div>

<script type="text/javascript">
var paras = document.getElementsByTagName("li");
for ( var i=0;i<paras.length;i++ ) {

    if (paras[i].childNodes[0].innerText == "")
    paras[i].setAttribute("style", "display:none");
}

</script>

图片说明

1
caozhy
操作员马善福(贵阳专业挖机) 回复showbo: 其实你的办法 https://ask.csdn.net/questions/699453更好!
8 个月之前 回复
caozhy
操作员马善福(贵阳专业挖机) 回复showbo: 程序不但要写对,还要把lz教会,O(∩_∩)O
8 个月之前 回复
showbo
支付宝加好友偷能量挖 正解,可以采纳了。。
8 个月之前 回复

另外还有一个做法,就是bobo的思路,不用写代码:

https://ask.csdn.net/questions/699453

图片说明

我亲自测试了,也是可以的。

0

$(function(){
$("#abc").find("a:empty").parent().hide();

});

-1
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
css 设置display:none 后用js获取值为空
如题,做一个toggle性质的效果,判断display时就有问题,console.log出来display为空串。所以display==""或者display=="none"时元素都是隐藏的。默认为空串
js 操作元素属性、操作元素样式、display(none、block)
js操作元素属性 &amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html lang=&quot;en&quot;&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt; &amp;lt;meta name=&quot;Keywords&quot; content=&quot;关键字,关键词&quot;&amp;gt; &amp;lt;meta name=
css display:none使用注意事项小结
1、如果在样式文件或页面文件代码中直接用display:none对元素进行了隐藏,载入页面后,在没有通过js设置样式使元素显示的前提下,使用js代码会无法正确获得该元素的一些属性,比如offSetTop,offSetLeft等,返回的值会为0,通过js设置style.display来使元素显示后才能正确获得这些值。 2、使用display:none隐藏的元素不会被百度等搜索网站检索,会影
css 设置inline-block的时候当元素内容为空的时候位置会变化
Css的样式问题。   当一个元素设置为inline-block的时候,最好设置vertical-align:top; 也就是说,只要是行内元素,一定会受它影响。 在遇到由vertical-align:baseline造成的各种无法理解的怪异现象,可以直接放大招,废掉基线对齐(比如底线对齐、顶线对齐就很好啊),统一对齐方式。...
BeautifulSoup获取字符串为None
网页源文件 <tbody> <tr> <td>1</td> <td class="align-left"> <a href="World-University-Rankings/Harvard-University.html"
jquery的show()函数不会将某个div下面的style为“display:none”的a标签子元素也显示出来
转载请注明出处:http://blog.csdn.net/dongdong9223/article/details/52884038 本文出自【我是干勾鱼的博客】 众所周知,jquery的show()函数用于显示隐藏元素,比如某个div。如果div下面还有一个子元素div,这个显示同样能把子元素也显示出来。但是要知道,如果某个div下还有一个a标签子元素也处于隐藏状态,使用show()函数显示
用JQuery判断一个元素的display属性是不是none怎么写?
需要先 找到这个元素 $('div').css('display') === 'none' // 返回布尔值 进行判断 // 因为display是css 属性 所以用jquery 的css 方法 // 如果判断的属性是元素属性, 比如 disabled 或者 checked 等 要用prop 或者attr ...
dispaly:none隐藏的部分无法获取宽度高度
当html中被display:none隐藏的部分,无法获取正确的宽度、高度,其返回的值为0或(在html及css中)明确指定的数值,并且 其返回值仅为指定值的数字部分,并不一定反映元素应有的大小,因为浏览器对display:noe的元素不做解析与渲染,无法计算出其真实的大小。   示例:   &amp;lt;html&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta http-equiv=...
Python selenium 操作浏览器时元素不存在和display:none时的操作
1、安装好你的selenium pip install selenium 2、看代码,注意我这里是一个真实项目用到的,实际过程中需要自己先定位元素 from selenium import webdriver import time, datetime class MyAutoDriver(object): def __init__(self): # 使用无界面模式 ...
关于display样式、overflow样式、文档流、浮动、定位
一、显示与隐藏   1 通过display样式 - none隐藏     语法 - display:none;     特点 - 隐藏以后,元素原有的位置会被占用,   2 通过visibility - hidden隐藏                      - visible显示(默认值)     语法 - visibility:hidden;     特点 - 隐藏以后,元素
深入理解js中的display:none和visibility属性
1.用javascript隐藏控件的方式有两种:分别设置控件的style的“display”属性和“visibility”属性。当style.display="block"或者style.visibility="visible"时,控件是可见的。当style.display="none"或者style.visibility="hidden"时控件是不可见的。这两者的区别是:“display”不但隐
js display隐藏和显示时,样式会被改变。
display显示与隐藏时,原先的样式会被改变,导致不正常显示事先定义好的样式。 1、当表格为多列的情况下,属性为"display:block"行的内容宽度仅与第一列宽度相同,也就是说无论你使colspan的属性值为多少,剩余列的空间都不进行解析。 2、同一行反复的在"display:none;"与"display:block;"两个状态间切换时,表格的底部会持续的产生多余的空白空间以至于造成
关于display的那些事儿!
display这一CSS属性,还是相当神奇的哦!给它设置不同的值,被修饰的标签相应的就随之变换了自身的属性特性,具有变色龙特性,该怎么适应,就怎么变!我们常常会用到display对应值有block、none、inline等等!
pyquery 获取标签children的text的值为None
感觉爬虫里面有很多的小坑,这也是其中之一。 在写爬虫的时候,发现一直获取不了children的text,返回的值为 None.  但实际上text里面是有值的。出现这个原因主要是因为标签里面包含了&amp;lt;b&amp;gt;&amp;lt;/b&amp;gt;标签,这里给大家举个
jq可以选到display为none的元素
jq可以选到display为none的元素&amp;lt;span id=&quot;aaa&quot; style=&quot;display:none;&quot;&amp;gt;隐藏&amp;lt;/span&amp;gt;console.log($(&quot;#aaa&quot;).text());
js中设置控件的隐藏与显示(display:none)
CSS中的display和visibility   css中display和visibility语法,他们都可以隐藏和显示html元素。看齐来他们很相似,所以很多人还是会搞错。谈们的属性分别如下: display:none|block;display:none;时隐藏该html元素,确切的说,是在浏览器中消除该元素,不占屏幕的空间。若其下有其他元素,就会上移到该空间区域(好像桌子上有10...
easyUI-datagrid属性设置display:none,加载数据或表头不显示
页面有三个选项卡,datagrid在第三个选项卡中,初始化时,第三个选项卡display:none ,加载数据或表头时,datagrid数据或表头不显示。 如果初始化时,第三个选项卡不设置隐藏(display:block或display:‘ ’),则datagrid数据正常显示,解决方法为: 在js中,显示当前div的时候,执行这条代码$("#tableid").datagrid("resiz
selenium处理表格和元素display=none
selenium ,定位表格元素,元素display=none
javascript获取隐藏元素(display:none)的高度和宽度的方法(转)
类型:转载 时间:2014-06-06 这篇文章主要介绍了javascript获取隐藏元素(display:none)的高度和宽度的方法,实现方法比较复杂,需要的朋友可以参考下 js获取可见元素的尺寸还是比较方便的,这个可以直接使用这个方法: 代码如下: function getDefaultStyle(obj,attribute){ // 返回最终样式函数,兼容IE和
js控制元素隐藏显示,显示时不用display=block
用支付宝amui时遇到一个郁闷的问题,把div设置成display:block,显示就乱了,不知道amui怎么写的css,反正这个block是不能用了,原来想通过添加移除元素的方式实现,想想有点麻烦,百度后终于找到一个方法: 隐藏时还用display:none,显示时把style属性移除就可以了:$("#adiv").removeAttr("style");
关于form表单提交什么隐藏属性也可以提交数据
form中visibility=hidden的和display=none的表单元素都会随表单提交,只有disabled=true 的元素不随表单提交。
关于display:none;的图片加载
1、如果元素有{display: none;}的样式的话,标签上的图片会被请求加载,但是不会被渲染 例子: .img-container { background-image: url(../imgs/icon1.png); } 其中icon1.png和icon2.png会请求后端进行加载,但是因为样式属性不会计算该元素的布局 2、如果父元素有{d
WebUploader中,父级div为display:none,点击显示无效。
在使用WebUploader上传文件时,有时候因界面操作要求,要控制其所在div的隐藏或显示,发现隐藏后,flash模式的按钮点击事件缺失,点击无效。 解决办法: 1、在显示时,先destroy 原有 uploader,再重新创建即可:代码如下, //第一次创建uploder var uploderObj = WebUploder.create(..........//此处省略 $
FLEX真正隐藏,无占位现象
visible="false" includeInLayout="false"
关于display:none使用
写的真不好,但是记录下.方便以后查找
selenium 点击 display:none元素解决方法汇总
selenium +python点击 display:none元素解决方法汇总 以下方法,我的问题是用第三种方法解决的,希望对你有所帮助 &amp;amp;amp;lt;div&amp;amp;amp;gt; &amp;amp;amp;lt;div class=&amp;amp;quot;login_btn&amp;amp;quot; style=&amp;amp;quot;background: url(&amp;amp;amp;amp;quot;/static/images_login/btn_sig
关于display:none元素的宽高获取问题
在做项目的时候碰到的这个问题,最后解决了,记录一下:分几种情况:1.正常情况 <div style="width:500px; height:300px;"> <div id="div1" style="width:100%; height:100%; background-color:red;"> <div id="child" style="widt
使用 JQuery 编辑带 important 标记的标签样式
未加 important 标记 css 样式的 JQuery 写法 display: block;//页面上是这样写的; $("#selCont").css("display","none"); 加了 important 标记 css 样式的 JQuery 写法 display: block!important;//页面上是这样写的; $("#selCont").css("css
怎样在修改标签的display属性从隐藏none到显示不换行
修改标签的display属性,隐藏为none,但是显示时,display的值可以分为block 和inline 两者的区别是block是块级的,所以在使用block时,会使该标签换行,但是inline不会换行
关于echart在隐藏与显示轮替中的div加载显示为空的原因分析
今天遇到一个需求,需要用到echart将经济数据显示出来 加载显示都没问题!!OK 需求深入后发现要将经济数据分成农业跟工业,每个镇街都会在这两个方面中显示相应的数据,其他数据则隐藏掉。 所以要将显示的数据分农业跟工业显示 难度不大,半天就搞定了! 运行,显示,发现工业数据显示竟然为空!! 我以为是数据问题,打点跟踪后,发现不是,数据正确!! 再分析认为是js代码问题,搞了一整天发现
两种隐藏元素方式【display: none】和【visibility: hidden】的区别
此随笔的灵感来源于上周的一个面试,在谈到隐藏元素的时候,面试官突然问我【display: none】和【visibility: hidden】的区别,我当时一愣,这俩有区别吗,好像有,但是忘记了啊,因为平常基本都是用【display: none】,几乎没用过【visibility: hidden】,我只好如实回答。面试结束后回到家的第一件事就是敲代码测试,下面就是测试过程及结果: 一、首先在
JS无法取得display:none元素的宽高
需求:鼠标点击某处后,显示隐藏的div。因需定位div位置,所以需要获取div的宽高。      问题:第一次点击显示总是出错,以后则正常。      原因:初始化时div.style.display="none"。用display:none表示不占用空间,元素没有物理尺寸。因此原生JS无法获得display:none的元素的宽高。     解决方案:初始化时用 visibility:h
IE浏览器不支持display:none导致option不能隐藏的问题
项目场景:级联的select元素,根据一级select的选择,二级select中的option选项需要对应的隐藏或显示。 原来的做法是display:none和display:block来隐藏和显示option,option中通过自定义属性data-category过滤,控制option的隐藏或显示,结果在IE浏览器中并不能达到想要的效果,通过网络查找,是因为IE浏览器不支持display:no
CSS中display对布局的影响以及元素display的默认值
看到前端越来越多的mvc框架出现,之前偶尔还看到有OOCSS(面向对象的CSS编程)的文章。所以可以这样理解,前端HTML页面的所有元素(tag),也都可以理解对象。每个对象有自身的属性,以及每个对象与其他对象的关系。关系中最重要也是本文讨论的是显示时候的位置关系。每个HTML对象除了与其他HTML对象(标签)有关系之外,还有对象在显示时与浏览器或者windows对象的关系。位置关系也就是页面的布
css中添加display=none后其里面的js代码失效
1,display=none以后,元素相当于已经不存在了,如果有针对该元素的js代码,肯定无法获取到对象,自然代码就会失效   display=none与visibility=hidden不同,前者表示元素已经不在文档流中,不占据任何位置,而后者只是隐藏,元素依然在文档流中,占据着位置   2,在chrome中,display属性需为&quot;&quot;才表示该元素隐藏,none值错误 ...
在table中<tr>的display:block显示布局错乱
当用谷歌浏览器时,在将表格table中的的display属性从none改为block时,或出现所有的td都不起作用,内容都集中在第一列里,然后在网上百度了一下,一下事原因分析和解决方法 1、当表格为多列的情况下,属性为"display:block"行的内容宽度仅与第一列宽度相同,也就是说无论你使colspan的属性值为多少,剩余列的空间都不进行解析。 2、同一行反复的在"display:n
使用selenium自动化工具爬取textarea标签属性display:none
使用selenium自动化功能,在获取html后添加下列代码: js = 'document.getElementById(&quot;catalog-textarea&quot;).style.display=&quot;block&quot;;' driver.execute_script(js) 使display:none的标签显示 下面代码既是html中显示textarea改动部分 &amp;lt;textarea ...
display:none/block的应用以及和visibility的区别,隐藏/显示内容
display:none/block; visibility:hidden/visible;
在Chrome浏览器下使用Image标签SRC为空时显示18*18小的空图标
解决Chrome浏览器下使用Image标签SRC为空时显示18*18小的空图标问题 img src="" id="img0"  width="480" height="320" style="visibility:hidden;"> 解决办法就是判断img标签的src属性是否为空,为空的设置display样式为none $(function() { v
HTML style、display属性-如何设置隐藏、显示功能
如何设置显示、隐藏属性。
文章热词 设计制作学习 机器学习教程 Objective-C培训 交互设计视频教程 颜色模型
相关热词 mysql关联查询两次本表 native底部 react extjs glyph 图标 nlp为技术基础 nlp为理论基础

相似问题

3
当内容为空是 标签的样式为 display:none;
3
当内容为空是 标签的样式为 display:none;
2
javascript怎么实现调用api的功能,api调用功能的语句的格式是怎么样的?
1
javascript多维数据数组的转换是怎么进行循环和判断的,怎么直接判断转换以后的字符串?
3
console.log输出的是undefined
1
求问大神,这段JS函数在java里面用ScriptEngine执行会报错,是为什么?
1
javascript 当数字为空的时候 标签样式为display:none
4
ckplayer 播放器 默认第一帧为封面
4
js,通过字面量访问对象底层是怎么样的,太复杂的字面量对效率有影响吗?
6
select2 多选下拉框的选项 重复 当选中的值为多选项 str拼接做了两次for循环
3
document.querySelectorAll()获取select2标签name属性的选中项值
4
name属性相同的两个个select2标签值合并到一个数组里了 如何获取每一个name对应标签的值
3
动态添加name属性相同的select2标签多选下拉框 如何取值和赋值
3
【AngualrJS1.0】translate这个属性是干嘛用的?
2
求一个js控件模板 数据库有内容 查询后添加成小标签的形式
1
如何使用javascript实现一件电脑优化、清理和设置主页的功能,可以远程控制设置主页的内容
8
javascript求数组中的最大数,返回的是数组的下标,不是值,百度了一天没找到,怎么做
6
怎样用js控制textarea中文章重复单词的样式,比如红色,而且重复单词的颜色不能一致
8
在创建节点是输入内容和样式的问题
5
如何构造一个可以自定义header内容的http请求