用于检查div条件的if语句

时间:2018-09-10 20:11:58

标签: javascript if-statement

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

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

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

2 个答案:

答案 0 :(得分: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>

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

答案 1 :(得分:0)

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

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

希望这会有所帮助