javascript - 无法覆盖显示 :none in JavaScript

标签 javascript html css

在这种情况下,我无法将元素状态设置为可见:

<html>
<head>
  <style type="text/css">
    #elem {display:none}
  </style>
</head>
<body>
  <div id="elem">.......</div>
  <script type="text/javascript">
    document.getElementById("elem").style.display="";
  </script>
</body>
</html>

它仅在我将显示设置为“阻止”时起作用。

在这种情况下它有效:

<html>
<head>
</head>
<body>
  <div id="elem" style="display:none">.......</div>
  <script type="text/javascript">
    document.getElementById("elem").style.display="";
  </script>
</body>
</html>

我的兴趣是在不设置“阻止”的情况下让它在第一种情况下工作。

最佳答案

为什么要使用内联样式而不是 css 类?

<html>
<head>
  <style type="text/css">
    #elem.hidden {display:none}
  </style>
</head>
<body>
  <div id="elem" class="hidden">.......</div>
  <script type="text/javascript">
    document.getElementById("elem").className = '';
  </script>
</body>
</html>

关于javascript - 无法覆盖显示 :none in JavaScript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15808614/

相关文章:

javascript - ExtJs 想在 Ext.onReady() 函数之后调用一些代码

javascript - 视觉 : How to update elements that use data when data is changed?

javascript - 在 "Select"/下拉 HTML 列表中手动键入值?

html - 如何使用 div 强格式化段落

css - IE7 中的 Z-Index - 引发噩梦

javascript - 当代码看起来正常时,JQuery Accordion 不工作

javascript - 在 javascript 中正确获取 json

java - 一个程序有多少行代码? (我知道这有点夸张而且取决于......)

javascript - 云Firestore : Query does not find a document but document exists

css - 如何将外部 CSS 类应用于使用 dojo.create 创建的跨度?