Question

脚本：

  let menu =  function(){
        var obj = document.getElementById("hidden")
        if(obj.style.display = "block"){
           obj.style.display = "none"
       //hide the div element with an ID #Hidden
        }else{
           obj.style.display = "block"
       //else show it 
        }
      }

        // I tried using buttons too, same result.

CSS

div#hidden{
       display:none;

    }

HTML：

<a href="javascript:menu()"id="info" > INFO </a> 

<div id="hidden">
     <!-- some stuff -->
</div>

我正在尝试“不断”更改我的DIV元素的显示属性，其ID为“隐藏”以显示和隐藏-VICEVERSA

my javascript code

显然这段代码运行但是！第二次调用此事件时，它不会对我的代码运行或执行任何操作。

执行if语句中的代码但不执行任何操作或更改我的显示属性

Answer 1

您的if声明不正确。按以下方式执行

obj.style.display === "block"

here您可以在javascript中找到有关比较运算符的更多信息

Answer 2

您应该在==语句中使用比较运算符（===或if），而不是赋值运算符（=）

Answer 3

请参阅以下代码：

function func(){
var obj=document.getElementById("hidden");
if(obj.style.display==="block")
obj.style.display="none"
else
obj.style.display="block"
}

<p id="hidden" style="display:none">I am the text<p>
<button onclick="func()">click me</button>

如何使用javascript不断更改显示属性

3 个答案: