Question

我有5个不同的div-它们都设置为display: none; 当用户单击时，div变为可见（display: block;）

我想创建一个if语句，检查div的值是否为display: block;，一旦完成，我希望另一个div弹出。

这可能吗？对javascript来说还很陌生，我正在努力发挥创造力并学习。预先感谢。

Answer 1

<div id="DivId">Block to check<div>
<div id="MessageBlock">Message to be gives</div>

<div onclick="runCode();">CLICK HERE</div> //user clicks on this and it runs code

<script>
function runCode(){
if(document.getElementById("DivId").style.display == "block")//Code checks if div "DivID is block"
    document.getElementById("MessageBlock").style.display = "block";//Do something such as show message block
}
</script>

希望这会让您朝正确的方向

Answer 2

您正在使用纯JavaScript还是使用jQuery？

if (getComputedStyle(document.getElementById("div"))[display] === 'block')
    document.getElementById("anotherdiv").style[display] = 'block';

希望这会有所帮助

用于检查div条件的if语句

2 个答案: