Question

我要在页面中显示/消失表格。我将单击该按钮，它将显示出来，然后再次单击同一按钮，它将消失。

Js代码：

function showtable1() {
var x = document.getElementById('table1');
if (x.style.display = 'none') {
  x.style.display = 'block';
} else {
 x.style.display = 'none';
}
}

css代码：

#table1 {
    width: 64%;
    height: 80%;
    border: 2px solid red;
    border-radius: 12px;
    margin-left: auto;
    margin-right: auto;
    margin-top: -10%;
    transform: translate(0);
    display:none;
    background-color: rgba(247, 243, 243, 0.849);
}

它出现了，但是当我试图消失时它不起作用。

Answer 1

看起来您在执行if语句错误。

if (x.style.display = 'none')

在此行中，您无需检查显示是否为空，而是为其分配值none 要比较值，您必须使用==或=== 您可以在此处详细了解这两者之间的区别：Which equals operator (== vs ===) should be used in JavaScript comparisons?

但是对于您的代码，它应该看起来像这样：

function showtable1() {
   var x = document.getElementById('table1');
   if (x.style.display === 'none') {
       x.style.display = 'block';
   } else {
       x.style.display === 'none';
   }
 }

如何通过JSS功能更改无显示以用按钮阻止？

1 个答案: