Javascript检查css是否显示div

2023-04-01 admin

现在，我有一个div，我做了一个内联样式，display:none。当用户单击一个按钮时，它将调用一个javascript函数并将div显示更改为相应的值。然而，我如何做这样检查，因为他们不断返回display:none，即使在实际中，display是阻塞的。下面是我的javascript代码

function unhideDiv(){
var divDOC=document.querySelector('divContent');
var result = document.getComputedStyle(divDOC, '').display;
if(result=='none'){
divDOC.style.display="block";
}
else
{
divDOC.style.display="none";
}

}

这是我的html代码

    <div id="divContent" style="display:none;" >
    </div>
<button onclick="unhideDiv()">Click This </button>

您的帮助我们将不胜感激。提前感谢！

转载请注明出处:http://www.cdylmjg.com/article/20230401/2331701.html