当内容为空是 标签的样式为 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更好!
11 个月之前 回复
caozhy
贵阳挖掘机马善福,自备车辆专业挖游泳池 回复showbo: 程序不但要写对,还要把lz教会,O(∩_∩)O
11 个月之前 回复
showbo
支付宝加好友偷能量挖 正解,可以采纳了。。
11 个月之前 回复

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

});

-1

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

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

图片说明

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

0
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
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=
关于echart在隐藏与显示轮替中的div加载显示为空的原因分析
今天遇到一个需求,需要用到echart将经济数据显示出来 加载显示都没问题!!OK 需求深入后发现要将经济数据分成农业跟工业,每个镇街都会在这两个方面中显示相应的数据,其他数据则隐藏掉。 所以要将显示的数据分农业跟工业显示 难度不大,半天就搞定了! 运行,显示,发现工业数据显示竟然为空!! 我以为是数据问题,打点跟踪后,发现不是,数据正确!! 再分析认为是js代码问题,搞了一整天发现
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 ...
关于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
关于display样式、overflow样式、文档流、浮动、定位
一、显示与隐藏   1 通过display样式 - none隐藏     语法 - display:none;     特点 - 隐藏以后,元素原有的位置会被占用,   2 通过visibility - hidden隐藏                      - visible显示(默认值)     语法 - visibility:hidden;     特点 - 隐藏以后,元素
css 设置inline-block的时候当元素内容为空的时候位置会变化
Css的样式问题。   当一个元素设置为inline-block的时候,最好设置vertical-align:top; 也就是说,只要是行内元素,一定会受它影响。 在遇到由vertical-align:baseline造成的各种无法理解的怪异现象,可以直接放大招,废掉基线对齐(比如底线对齐、顶线对齐就很好啊),统一对齐方式。...
利用 Vue 内联样式的绑定方法,实现按钮的显示与隐藏
&amp;lt;template&amp;gt; &amp;lt;div&amp;gt; &amp;lt;div class=&quot;titles&quot;&amp;gt; &amp;lt;div style=&quot;display: flex;&quot;&amp;gt; &amp;lt;div class=&quot;btn-box-content&quot;&amp;gt; &amp;lt;div class=&quot;btn-status&q
关于display的那些事儿!
关于display的那些事儿! display,display,display!嘿嘿嘿!display这一CSS属性,还是相当神奇的哦!给它设置不同的值,被修饰的标签相应的就随之变换了自身的属性特性,具有变色龙特性,该怎么适应,就怎么变!我们常常会用到display对应值有block、none、inline等等!OK!那下面,我就来聊聊关于display的那些事儿吧! display有哪些...
关于display:none;的图片加载
1、如果元素有{display: none;}的样式的话,标签上的图片会被请求加载,但是不会被渲染 例子: .img-container { background-image: url(../imgs/icon1.png); } 其中icon1.png和icon2.png会请求后端进行加载,但是因为样式属性不会计算该元素的布局 2、如果父元素有{d
JS无法取得display:none元素的宽高
需求:鼠标点击某处后,显示隐藏的div。因需定位div位置,所以需要获取div的宽高。      问题:第一次点击显示总是出错,以后则正常。      原因:初始化时div.style.display="none"。用display:none表示不占用空间,元素没有物理尺寸。因此原生JS无法获得display:none的元素的宽高。     解决方案:初始化时用 visibility:h
selenium处理表格和元素display=none
selenium ,定位表格元素,元素display=none
使用display标签显示布局错乱解决办法
当使用display 设置值block时,页面有可能会发生混乱,可以将display的值设置为空字符串, 比如 $('#updateOK').css('display',' ');可以解决问题
css中添加display=none后其里面的js代码失效
1,display=none以后,元素相当于已经不存在了,如果有针对该元素的js代码,肯定无法获取到对象,自然代码就会失效   display=none与visibility=hidden不同,前者表示元素已经不在文档流中,不占据任何位置,而后者只是隐藏,元素依然在文档流中,占据着位置   2,在chrome中,display属性需为&quot;&quot;才表示该元素隐藏,none值错误 ...
使用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 ...
Python selenium 操作浏览器时元素不存在和display:none时的操作
1、安装好你的selenium pip install selenium 2、看代码,注意我这里是一个真实项目用到的,实际过程中需要自己先定位元素 from selenium import webdriver import time, datetime class MyAutoDriver(object): def __init__(self): # 使用无界面模式 ...
bootstrap table中的行tr标签设置display:block后行样式错乱问题
在table中,如果在tr加上display样式时,会发生错乱如下: fa fa Gold Level Virtual Server 已完成 haha Platinum Level Virtual Server 正在执行 aha Hardware Switch 已完成 效果如图: 可以看到,第一行在设置dis
行内元素、块元素和css属性display
1.行内元素和块元素特征的区分 行内元素:相同的元素同行显示,不会换行,除了图片&amp;lt;img&amp;gt;,图片按钮input type='image'(感觉有点像是display:inline-block),一般不能设置宽高(css里display:inline)。 块级元素:前后都有换行符,可以设置宽高,也可以按照内容自动自动增加高度。一般默认时,宽度为100%,独占一行(display:bl...
pyquery 获取标签children的text的值为None
感觉爬虫里面有很多的小坑,这也是其中之一。 在写爬虫的时候,发现一直获取不了children的text,返回的值为 None.  但实际上text里面是有值的。出现这个原因主要是因为标签里面包含了&amp;lt;b&amp;gt;&amp;lt;/b&amp;gt;标签,这里给大家举个
微信小程序为什么你的canvas有display:none属性
1. 可能你没有指定canvas-id //error &amp;lt;canvas id=&quot;share&quot;&amp;gt;&amp;lt;/canvas&amp;gt; //display:none //normal &amp;lt;canvas canvas-id=&quot;share&quot;&amp;gt;&amp;lt;/canvas&amp;gt; 2.可能canvas-id 重复 //error &amp;lt;canvas canvas-id=&quot;s
在火狐下无法获取select设置display:none后的选中的值
自己写一个select元素一套皮肤来替换默认的select标签,把select的样式设置成 display:nonej。在提交表单时,明明选中的公司规模传到后台总是返回信息,没有选中公司规模。这个问在其它chorme 360下面是正常的,当时是用的jquery的序列化serialize()方法。通过debug看到在向后台传送数据前,获取到select的值和选中的option的值不一致。serial
怎样在修改标签的display属性从隐藏none到显示不换行
修改标签的display属性,隐藏为none,但是显示时,display的值可以分为block 和inline 两者的区别是block是块级的,所以在使用block时,会使该标签换行,但是inline不会换行
[自用门户] span标签和div标签比列一排, 标签里加入内嵌样式display: inline-block可以并排
 html部分 &amp;lt;!-- 标签里加入内嵌样式可以并排display: inline-block --&amp;gt; &amp;lt;p&amp;gt; &amp;lt;div class=&quot;text&quot; style=&quot;font-size: 15px;&quot;&amp;gt; &amp;lt;span class=&quot;title&quot; style=&quot;color: #888;width: 70px;padding-left: 2%
display:none/block的应用以及和visibility的区别,隐藏/显示内容
display:none/block; visibility:hidden/visible;
js获取不到display的属性
今天偶然看到以前遗留的一个问题,现在用谷歌调试了一下,明白了,特此记录一下。 原问题+code: 为什么我的点击事件第一次点击没反应? body{ background-color:#333; } #myA{ background-color:#fff; width:350px;
在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
本来只是想验证下display:none的元素是不是所占空间也消失,然后引生出一堆问题的思考。
display:none;的验证结果是该元素所占空间消失,验证例子为:<!DOCTYPE html> <html> <head> <title>test</title> <style type="text/css"> div{ width:500px; height:500px; } .n
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
docker删除tag为none的镜像
docker 使用一段时间后,会因为某些操作,产生很多tag为none的镜像,随着时间的推移是越来越多,如何清理成为一个问题: windows docker rmi -f $(docker images --filter “dangling=true” -q --no-trunc) Linux docker images|grep none|awk '{print $3}'|xargs doc...
栋栋晓06:详解css布局中的浮动float属性
CSS float 浮动属性(清晰讲解浮动的基础知识): http://www.cnblogs.com/polk6/p/3142187.html 彻底理解浮动float CSS浮动详解 清除浮动的方法: http://www.cnblogs.com/xiaoqiang001/p/3908257.html CSS float浮动的深入研究、详解及拓展(一) http://www.zhangx
修改加了important标记的css样式
$("#selCont").css("cssText","display: none!important");
offsetTop无法获取目标display为none的值
如题 在css 里修改img为display:none的话 &amp;lt;style&amp;gt; * { margin: 0; padding: 0; position: relative; } img { ...
BeautifulSoup获取字符串为None
网页源文件 <tbody> <tr> <td>1</td> <td class="align-left"> <a href="World-University-Rankings/Harvard-University.html"
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());
display:inline-block属性的标签出现的问题及解决方法
1,首先说明display:inline-block可以让块级元素并排显示,但是需要注意一些问题,如下; 1、有些标签是默认的inline-block属性,例如img 和input,这些标签称为行内块标签 1.对于img标签会出现白边问题,如下: &amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html lang=&quot;en&quot;&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta ch...
layui 多选框 单选框 下拉选项框都不显示问题
layui 多选框 单选框 下拉选项框都不显示问题 这是因为layui.css 里面有样式是.layui-form input[type=checkbox],.layui-form input[type=radio],.layui-form select{display:none} 初始值是设置成隐藏形式了。 所以需要form重新渲染下才行。 1.用的layui.js就用下面的 layu...
img标签去间隙及src为空时的默认边框
一 间隙问题 多个img图片放在容器中时,会出现间隙,就算设置margin:0;padding:0也无法解决问题,类似下图(如果觉得背景色好看,请阅读css好看背景色贴): 请看代码: 定义img宽度为warp容器的25%,但是实际效果img在容器却不能排成一行,而是因为间隙被挤了下去。 因此在查阅相关资料以后,总结以下几种解决方法: 1 .wrap img添加float
关于scrapy爬虫获取具体标签内容为空的解决方法
在确认自己xpath或css部分写对的前提下,且在浏览器该网站能匹配到相关内容,为空原因: 有些标签是浏览器规范化额外加上去的,实际的网页源码并没有,例如font,tbody,(目前就遇到这两个,大家可以自行查找还有哪些,不过操作应该差不多。) 解决方法:若代码pub_time = response.xpath('//ul[@class=&quot;article-info&quot;]//font/font/t...
JS-通过ID获取元素/innerHTML 属性/改变 HTML 样式/显示和隐藏(display属性)/控制类名(className 属性)...
通过ID获取元素 学过HTML/CSS样式,都知道,网页由标签将信息组织起来,而标签的id属性值是唯一的,就像是每人有一个身份证号一样,只要通过身份证号就可以找到相对应的人。那么在网页中,我们通过id先找到标签,然后进行操作。 语法: document.getElementById(“id”) 看看下面代码: image.png 结果:nu...
display的取值问题
display总共有五种类型的值,none,block,inline,inling-block,table-cell;none都明白,table-cell属性指让标签元素以表格单元格的形式呈现,类似于td标签。而block,inline,inline-block则是设置元素是块级元素还是行内元素,众所周知,元素有块级元素,行内元素两种,p,div,table,from一类的都是块级元素,块级元素与