js控制元素隐藏显示，显示时不用display=block

最新推荐文章于 2025-07-21 14:41:54 发布
原创 最新推荐文章于 2025-07-21 14:41:54 发布 · 8.4k 阅读 · 0 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
标签
#javascript #jquery
本文解决使用支付宝AMUI时，将div设置为display:block后出现显示混乱的问题。通过对比发现，使用display:none与移除style属性结合的方法可以有效解决此问题，提供了一个简洁的解决方案。

用支付宝amui时遇到一个郁闷的问题，把div设置成display:block，显示就乱了，不知道amui怎么写的css，反正这个block是不能用了，原来想通过添加移除元素的方式实现，想想有点麻烦，百度后终于找到一个方法：

隐藏时还用display:none，显示时把style属性移除就可以了：$("#adiv").removeAttr("style");

JavaScript中的style.display属性操作
12-12
display版本：CSS1/CSS2　   兼容性：IE4+   NS4+　继承性：无   语法：      display   :   block   |   none   |   inline   |   compact   |   marker   |   inline-table   |   list-item   |   run-in   |   table   |table-caption   |   table-cell   |   table-column   |   table-column-group   |   table-footer-group   |   tabl
解决display:none
Chu_Jin_can的博客
11-09 3715
selenium：解决页面元素display:none的方法 在UI自动化测试中，有时候会遇到页面元素无法定位的问题，包括xpath等方法都无法定位，是因为前端元素被设置为不可见导致。 这篇博客，介绍下如何通过JavaScript修改页面元素属性来定位的方法。。。 1、具体问题 常见的页面元素不可见导致的不可定位，都是由于下面的问题： 通过查看相关文档，可以看出display:none方法是设置元素不可见，这就是导致为什么通过定位页面元素无法定位的原因。 关于display更多的信息，可以看这里：HTML
display:none元素不可见，可通过JS方法把它修改为可见
weixin_42704264的博客
02-19 3709
页面元素无论用什么xpath都无法定位，by id/class/name都试过了 可以去页面看看是否这个元素的display是none，display:none方法是设置元素不可见，所以解决办法就是首先通过JS方法把它修改为可见： js = “document.getElementById(“txtPassword”).style.display=‘block’;” #调用js脚本 driver.execute_script(js) sleep(3) driver.find_element_by_id(.
JS/jQuery添加和移除CSS样式
热门推荐
我的博客
12-17 8万+
　　有时候需要添加CSS样式和移除CSS样式，如添加display属性，设为隐藏。有时候需要移除display属性。 一、jQuery移除CSS样式的两种方法 注意：当其中一种不支持时，就尝试另一种： $("#show").removeAttr("style"); $("#show").attr("
display:block样式改变问题
Schaffer的博客
02-18 2072
使用display:block时，原本的样式会消失，解决办法如下： 1、可以外层加个div块，将display属性写在外层div上。 2、更改display的属性，具体属性如下： 值 描述 none 此元素不会被显示。 block 此元素将显示为块级元素，此元素前后会带有换行符。 inline 默认。此元素会被显示为内联元素，元素前后没有换行符。 inline-block 行内块元素。（CSS2.1 新增的值） list-item 此元素会作为列表显示。 run-in 此
js操作按钮显示与隐藏出现布局错乱情况解决
miemiem_的博客
02-14 629
js操作按钮显示与隐藏出现布局错乱情况解决：将display:none/block换为使用透明度控制：opacity:0/1.
JS判断元素显示状态及控制元素显示或隐藏
cillent_boy的专栏
03-11 1万+
判断元素的显示状态 方法1：functionjudgeShowOrHide(){ alert($("#id").is(':visible'));//判断是否显示显示：true隐藏：false if($("#id").is(':hidden')){ alert("隐藏了"); //执行语句 }else{ alert("显示"); //执行语句 } } 方法2： if( ...
html元素的显示与隐藏：display属性，visibility属性
msnhce的博客
10-23 2万+
html元素的显示与隐藏 一、display属性 隐藏一个元素可以通过把display属性设置为"none"，或把visibility属性设置为"hidden"。但是请注意，这两种方法会产生不同的结果。visibility:hidden可以隐藏某个元素，但隐藏的元素仍需占用与未隐藏之前一样的空间。也就是说，该元素虽然被隐藏了，但仍然会影响布局。 将一个元素默认设置为隐藏： <pid...
html 隐藏display,CSS的display属性，显示或隐藏元素
weixin_39963053的博客
06-08 794
function removeElement() {document.getElementById("p1").style.display = "none";document.getElementById("d1").style.display = "none";}function showElement() {document.getElementById("p1").style.display...
控制HTML元素的显示与隐藏——display和visibility
dearbaba_8520的博客
06-09 3349
有些时候我们需要根据某些条件来控制Web页面中的HTML元素显示还是隐藏，可以通过display或visibility来实现。通过下面的例子了解display和visibility的区别，
css中元素的显示与隐藏
阿牛的博客
02-08 1791
css中的显示与隐藏结合js在web开发中很常见，很重要，今天简单总结一下！！！
js控制div属性隐藏方法
木子de小屋屋啦啦啦
02-22 1万+
原文详解：js控制div属性隐藏方法 原文连接：http://licocom.com/archives/884 如题：编写html时如何用js控制div的显示和隐藏。 假定页面展示内容如下：下div里面是我们要展示的东西， &amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;div&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt; &amp;amp;amp
CSS中用display实现元素的显示/隐藏切换
最新发布
illhm的博客
07-21 721
display: none 和 display: block 是前端开发中常用的 CSS 显示控制方式，核心区别在于是否保留元素占位空间。display: none 会完全移除元素及其子元素，不占空间且无法交互，适合临时隐藏；display: block 则让元素独占一行并保留空间，支持过渡动画。替代方案如 visibility: hidden（保留空间）和 opacity: 0（透明但可交互）适用于不同场景。频繁切换 display 可能引发性能问题，建议根据需求选择合适方式。
jquery控制元素的隐藏和显示的几种方法。
ryelqy的博客
03-28 7万+
使用jquery控制div的显示与隐藏，一句话就能搞定，例如：1.$("#id").show()表示为display：block，   $("#id").hide()表示为display:none;2.$("#id").toggle()切换元素的可见状态。如果元素是可见的，切换为隐藏的；如果元素是隐藏的，则切换为可见的。3.$("#id").css('display','none');//隐藏  ...
关于JS 修改元素 display 属性问题
Sun~Neo
03-12 3万+
JS 修改元素 display 属性 当我们想要使用JS来控制元素 display 属性来使其显示或者隐藏时，需要将 display  属性作用在行间样式上， 并使用 ID 选择器，即  HTML &lt;div id="drop-box" style="display:none"&gt; JS  var dropBox = document.getElementById("dro...
CSS元素的显示和隐藏
weixin_44703582的博客
10-15 916
目录 前言 一、display 二、visibility 三、overflow 总结 前言 在CSS中，隐藏和显示是我们经常会用到的方法，最常用的方法有三种：display、visibility、overflow。它们的主要目的是让一个元素在页面中消失，但并不是让它们被删除掉，比如网页中的小广告，关掉以后再次刷新页面又会重新出现。 一、display 要点：display元素隐藏后，不再占有原来的位置。 用途：配合js做特效，比如下拉菜单，原先没有，鼠标经过显示下拉菜单，...
CSS元素显示类型
2401_82561004的博客
10-05 1457
display 属性是 CSS 中最重要的属性之一，主要用来控制元素的布局，通过 display 属性您可以设置元素是否显示以及如何显示。根据元素类型的不同，每个元素都有一个默认的 display 属性值，例如默认的 display 属性值为block（块级元素），而默认的 display 属性值为 inline（行内元素），您也可以手动将元素的 display属性转换为其它值。
用CSS实现元素的显示与隐藏（简单介绍display，visibility和overflow）
ovocc的博客
10-18 3150
用CSS实现元素的显示与隐藏前言一级目录二级目录三级目录一级目录二级目录三级目录一级目录二级目录三级目录 前言   将元素的显示和隐藏，他们的主要目的是让一个元素在页面中消失，但是不并非是将该元素删除，虽然在界面中是看不见它的，但实际上它还存在与文档源代码里面。俗称消失了，但也没完全消失。 一级目录 二级目录 三级目录 一级目录 二级目录 三级目录 一级目录 二级目录 三级目录 ...
style.display隐藏、显示 换行问题
iamhycljc的专栏
01-13 7516
本文转自：http://www.cnblogs.com/lbk/archive/2006/08/14/476137.html下面的几行代码有什么问题?我要做的是当点击链接的时候下面的层显示,再点击则隐藏1点击23show4style.display="block"与style.display=""的区别:用这个控制显示和不显示，需要注意这两个的区别，用第一个会换行，因为block是一个块，它会换行，空（“”）则只显示备注:display版本：CSS1/CSS2　   兼容性：IE4+   NS4+　继承性：
显示和隐藏（display属性）none或block
云上
06-11 940
显示和隐藏（display属性） 网页中经常会看到显示和隐藏的效果，可通过display属性来设置。 语法： Object.style.display = value 注意:Object是获取的元素对象，如通过document.getElementById("id")获取的元素。 value取值: 看看下面代码: 任务
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值