javascript - 如何在 javascript 中给出 !important

Question

我隐藏了一个 div 并显示了另一个。但是当第二个 div 被阻止时我无法隐藏第一个 div。我认为这是因为首先是 Bootstrap ，需要用 !important 覆盖显示才能正确运行 display: none; 。但是我如何在 Javascript 中使用它呢？

function switchVisible() {
      if (document.getElementById('main-card')) {

          if (document.getElementById('main-card').style.display == 'none') {
              document.getElementById('main-card').style.display = 'block';
              document.getElementById('map').style.display = 'none';
          }
          else {
              document.getElementById('main-card').style.display = 'none';
              document.getElementById('map').style.display = 'block';
          }
      }
  }

我尝试了“无!重要”，但这不起作用。

Answer 1

使用 Jquery 怎么样，更简单。它会解决你的问题。

$('body').on("click touchstart", "#Button1", function(e){
   $("#main-card, #map").toggle();
});