Add a condition to check if an element is display:none using JavaScript. Hidden Element Check
Alert a message if an element is display:none using JavaScript <html> <body> <p>Add a condition to check if an element is display:none using JavaScript.</p> <div id="my-div" style="display:block;">Hidden Element</div> <button onclick="myFunc()">Check</button> <script> function myFunc(){ if(window.getComputedStyle(document.querySelector('#my-div')).display == "none"){ alert("This element is hidden.") }else{ alert("This element is not hidden.") } } </script> </body> </html> You may like these posts : Write Your Comment
Alert a message if an element is display:none using JavaScript <html> <body> <p>Add a condition to check if an element is display:none using JavaScript.</p> <div id="my-div" style="display:block;">Hidden Element</div> <button onclick="myFunc()">Check</button> <script> function myFunc(){ if(window.getComputedStyle(document.querySelector('#my-div')).display == "none"){ alert("This element is hidden.") }else{ alert("This element is not hidden.") } } </script> </body> </html>
You may like these posts :