style.display = "none“在javascript中不起作用
在JavaScript中，style.display = "none" 是用来隐藏一个元素的常见方法。然而，有时候这个方法可能不起作用的原因有以下几种可能性：
- 元素不存在：如果指定的元素在DOM中不存在，那么设置其样式也不会起作用。在这种情况下，需要确保元素已经正确地被选中。
- 元素的样式被其他样式覆盖：如果元素的样式被其他CSS规则所覆盖，那么设置display属性为"none"可能会被覆盖。这时可以尝试使用更具体的CSS选择器或者使用!important来提高样式的优先级。
- 元素的样式被内联样式覆盖：如果元素的样式被内联样式所覆盖，那么通过修改元素的style属性是无法改变其显示状态的。可以尝试通过修改元素的class属性或者使用其他方法来改变元素的显示状态。
- 元素的样式被JavaScript代码修改：如果在设置元素的display属性之前，有其他的JavaScript代码修改了元素的样式，那么设置display属性可能会被覆盖。可以尝试在设置display属性之前，确保没有其他的代码修改了元素的样式。
总结起来，如果在JavaScript中使用style.display = "none"不起作用，可以检查以下几个方面：确保元素存在、检查其他CSS规则是否覆盖了该样式、检查是否有内联样式或其他JavaScript代码修改了样式。如果问题仍然存在，可以尝试使用其他方法来隐藏元素，例如修改元素的class属性或者使用动态添加/移除CSS类的方式来改变元素的显示状态。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云云函数（SCF）：https://cloud.tencent.com/product/scf
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云人工智能（AI）：https://cloud.tencent.com/product/ai
- 腾讯云物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
- 腾讯云区块链（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯云视频处理（VOD）：https://cloud.tencent.com/product/vod
- 腾讯云音视频通信（TRTC）：https://cloud.tencent.com/product/trtc
相关·内容
2回答
style.display = "none“在javascript中不起作用
javascript、html
function showTodos(e) {}
document.getElementById('modal_todos').style.display = "none";
} <div class=" modalclass="btn btn
浏览 53提问于2019-08-25得票数 0
回答已采纳
2回答
style="display: none“不工作
html、css、struts2
我创建了一些操作来预先填充列表，我可以在不同的jsp页面中重用这些列表。我需要能够使用javascript显示/隐藏这些列表。我使用了以下代码，但它不起作用。我使用的是struts2和springdocument.getElementById("hihDiv").style.display = 'none';
document.getElementByIdlist="hihs"
浏览 1提问于2011-12-02得票数 2
1回答
onclick按钮在firefox中不起作用
javascript、html、css
<b></b><BR> $("image6").style.displa
浏览 1提问于2012-10-05得票数 0
3回答
尝试显示:无或显示:内联取决于使用javasrcript的屏幕宽度
javascript、html、css
如果这不起作用，我是一个真正的初学者，当涉及到javascript，所以我不知道为什么这不起作用。我之所以使用javascript而不是css媒体查询，是因为图像是用javascript切换和关闭的，而且css在调用js时似乎不会超过js。'inline'; }
浏览 2提问于2013-08-04得票数 1
回答已采纳
1回答
如何在xslt中展开和折叠div
javascript、html、xslt
我用一些数据创建了一些动态div，现在我试图展开和折叠这些div，但只有第一个div有效，但其余的div不起作用，在我的代码中working.What是错误的。javascript代码：<xsl:text>if(document.getEleme
浏览 0提问于2016-01-21得票数 0
1回答
document.querySelector不工作
javascript
有人能告诉我这里出了什么问题吗，因为我试了所有的方法，去掉了括号/删除了额外的，什么都不起作用，我有javascript的工作示例，但它使用的是in而不是类，nad在条件上只有一个反应，我在Webstorm中写了我所有的代码。(".general_info").style.display = 'none';
document.querySelector(".security_selector"
浏览 2提问于2014-11-28得票数 0
4回答
如何在第一次点击时切换div显示？
javascript、jquery、css、html
html标题： vartemp = document.getElementById("cont").style.display; }
function switch01).style.display = &q
浏览 2提问于2012-10-22得票数 0
回答已采纳
1回答
style.display="none“不起作用
javascript、html、css、if-statement
我正在尝试用javascript做一个简单的if语句。该脚本将根据在div中选择的选项来确定select的可见性。<body> document.getEle
浏览 0提问于2013-07-04得票数 1
回答已采纳
2回答
内联验证不起作用
javascript、jsp
在此网页中，我应用了在线验证，但它不起作用。在Jsp代码中： <td><input type="text"Javascript page:if(document.getElementB
浏览 0提问于2012-11-23得票数 0
回答已采纳
2回答
使用Javascript在<iframe>中使用特定类隐藏标记
javascript、html、css、tableau-api
我需要使用<iframe>上传一个嵌入的可视化模板(在Tableau中创建)，这样客户端就可以实时查看它。我发现包装这些按钮的元素是<span class="tab-fill-left">它大量嵌套在多个<iframe>和其他<script>标记中。").style.display = "none"; </script>
浏览 2提问于2016-02-25得票数 0
回答已采纳
6回答
可以在一个元素中包含两个JavaScript onClick事件吗？
javascript、html
您能把两个JavaScript onClick事件放在一个元素中吗?这是我到目前为止尝试过的，我尝试过调用函数，但这也不能工作。='none'; document.getElementByID('skype').style.display='none';">Message me!</a></div>function hide(){
document.getElementBy
浏览 6提问于2014-11-09得票数 2
回答已采纳
2回答
在javascript函数中的div上设置焦点
javascript、jquery、html
所以我有一个javascript函数来显示我隐藏的div，我想知道如何将焦点设置在div上，这样它就可以直接显示在页面上。我说设置焦点是因为我之前已经尝试过了，但它不起作用。= 'none'; document.getElementById("australia&quo
浏览 0提问于2013-03-13得票数 1
3回答
如何在javascript中使用div隐藏标签？
javascript、html
我在JavaScript中使用div。ms-standardheader"> <nobr>IEMI No</nobr> </h3>通过我正在使用的JavaScript进行隐藏：document.getElemen
浏览 8提问于2011-12-26得票数 0
回答已采纳
4回答
基于单选按钮选择的显示/隐藏div
javascript、php、jquery、html、css
(我也尝试使用CSS而不是JS，这也不起作用)if(isset($_POST['pickupDelivery'])){ <script type="text/javascript">
document.getElementById("pickupName").style.display("deliveryA
浏览 4提问于2016-07-08得票数 1
回答已采纳
2回答
我只有几个表单域，每个输入和标签都以以下方式包装在div中： <label for="name">Name:</label> <p class="hint">Enter your name</p>
&
浏览 0提问于2011-02-28得票数 12
回答已采纳
1回答
Href (跳转到同一页中的位置)不能与显示隐藏的div结合使用
html、onclick、href
我正在制作一个文本按钮，它可以使用java脚本在页面中的某个位置打开隐藏的div，但也可以使用href跳转到某个位置。打开隐藏的div效果很好，但跳到某个位置就不起作用了。title="Klik hier voor meer informatie"></a><script language="javascript" type="text/javascript
浏览 0提问于2013-09-19得票数 0
1回答
老式javascript在Chrome和IE中不起作用
javascript、internet-explorer、firefox、google-chrome
以下代码在Firefox中运行良好，但在Chrome或IE中完全不起作用。代码{
if (document.getElementById
浏览 0提问于2012-02-15得票数 0
回答已采纳
1回答
函数来显示表行。
javascript、html
类在CSS中隐藏/显示时工作良好。if语句没有用于简化代码的其他语句。(table == "Capintec") { document.getElementsByClassName("ExradinTbl").style.dis
浏览 2提问于2019-02-06得票数 0
回答已采纳
1回答
当在单独的div标记中单击时，如何使每个a标记显示不同的文本块？
javascript、html、onclick
blah blah</p></aside><div class="main"> <li><a href="javascript"showSacral(this);" class="_sacral" >Sacral</a></li>
浏览 0提问于2016-02-21得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
