html的css文件中如果对id设置了display="none",那么在js中是无法控制display=""

最新推荐文章于 2021-06-03 22:36:23 发布
最新推荐文章于 2021-06-03 22:36:23 发布
阅读量233 收藏
点赞数
原文链接：http://www.cnblogs.com/oisiv/archive/2012/03/01/2375699.html
版权

html的css文件中如果对id设置了display="none",那么在js中是无法控制display=""，

此时，可以考虑将display="none"放到页面控件的style中，然后就可以用js控制是否显示

转载于:https://www.cnblogs.com/oisiv/archive/2012/03/01/2375699.html

weixin_30487317
关注
CSS中的display属性用于控制HTML元素在页面中的显示方式
2301_79325339的博客
09-30 203
通过将display属性的值设置为"none"，可以将元素从视觉上隐藏，但仍然保留在DOM结构中。此外，可以使用JavaScript来动态控制元素的显示状态，通过更改display属性的值来实现元素的显示或隐藏。在上面的示例中，我们定义了一个JavaScript函数toggleElement()，该函数通过检查元素的display属性值来切换元素的显示状态。当按钮被点击时，toggleElement()函数会在"myElement"元素上切换"display"属性的值，从而显示或隐藏该元素。
$("#id").css("display","none")无效
q765330118的博客
06-21 3896
原因前台框架渲染时覆盖了样式editUser = layer.open({ id    : "editUser", title: "审核用户", type: 1, area: [data.operationtype == 1 && data.isAudit == 0 ? "950px" : "475px", "600px"],
html5属性隐藏,能用html5的data=*自定义属性去对应元素的id做隐藏显示？
weixin_32202001的博客
06-03 283
修正一下，.data()或者说'data-xxx=""'不是html5的，是jquery的。。。data-*=""是H5提出的标准，以上错误实际和attr()类似，可以在页面生成时绑定数据，实际上是给元素添加名称为data-*的属性。具体见jQuery 数据 - jQuery.data() 方法1、如果这个data是页面初始化时就填充的，你填充的时候为什么不知道加一个class？2、如果这个dat...
js设置属性display无效
YIBOFan
12-18 4300
在写js样式设置问题，设置的display的值为none和block之间切换时无效。我的效果：进入页面display为none，点击后改为block，点击其他的再改为none。 //第一步：隐藏页面加载设置 $("#openDetailWindow").css("display","none") //第二步：显示。进入点击事件的方法内 $("#openDetailWindow").toggle();//切换状态 $("#openDetailWindow").show(); //第三步：隐藏。 $("#ope
JS-通过ID获取元素/innerHTML 属性/改变 HTML 样式/显示和隐藏（display属性）/控制类名（className 属性）...
Jennyni1122的博客
06-14 1万+
通过ID获取元素 学过HTML/CSS样式，都知道，网页由标签将信息组织起来，而标签的id属性值是唯一的，就像是每人有一个身份证号一样，只要通过身份证号就可以找到相对应的人。那么在网页中，我们通过id先找到标签，然后进行操作。 语法： document.getElementById(“id”) 看看下面代码: image.png 结果:nu...
js中style.display=""无效的解决方法
10-25
当使用`document.getElementById('name').style.display=""`来尝试显示元素时，如果该元素的ID已经通过CSS样式表定义为`display:none`，那么JavaScript代码中的设置可能不会生效，因为CSS样式表中的样式规则具有较高...
标签设置display：none后设置diplay=“”不显示1
08-08
在CSS（层叠样式表）中，`display` 属性是一个至关重要的属性，它用于控制元素的布局方式以及是否在页面上可见。当一个元素的 `display` 属性被设置为 `none` 时，该元素将不再占用任何空间，也不会在页面上显示。这...
css display:none使用注意事项小结
10-30
如果在样式文件或页面中的标签内应用了display: none，然后尝试通过JavaScript将style.display设置为一个空字符串""，这样做并不会使元素显示。在这种情况下，需要使用其他值如block或inline来覆盖原有的display: ...
css元素隐藏原理及display:none和visibility:hidden
09-22
3. 株连性：display:none具有“株连性”，即如果一个元素被设置为display:none，它的所有子元素也会随之不可见。而visibility:hidden则没有这种“株连性”，子元素的可见性将独立于父元素之外。 在实际的Web开发...
css中添加display=none后其里面的js代码失效
hhyixiaolife的博客
11-03 4567
1，display=none以后，元素相当于已经不存在了，如果有针对该元素的js代码，肯定无法获取到对象，自然代码就会失效   display=none与visibility=hidden不同，前者表示元素已经不在文档流中，不占据任何位置，而后者只是隐藏，元素依然在文档流中，占据着位置   2，在chrome中，display属性需为""才表示该元素隐藏，none值错误 ...
HTML与CSS之display：none
a404007652的博客
08-03 193
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>下拉框</title> 6 <style> 7 *{ 8 ...
HTML style、display属性-如何设置隐藏、显示功能
热门推荐
07-02 4万+
如何设置显示、隐藏属性。
点击button按钮后，将已经设置display=none的div显示出来
最新发布
06-06
好的，实现这个功能可以...3. 在CSS中设置div的初始样式为隐藏： ```css #show-div { display: none; } ``` 这样，当点击按钮时，已经设置为`display:none`的div就会变为显示状态，用户就可以看到这个div的内容了。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值