Question

How to check if HTML tag is hidden in JavaScript

Answer 1

<p id="p1_id">test p1</p>

<p id="p2_id" style="display:none">test p2</p>

if(document.getElementById("p1_id").style.display=="none")
    document.write("p1 not visible <br />");
else    
    document.write("p1 visible  <br />");
    
if(document.getElementById("p2_id").style.display=="none")
    document.write("p2 not visible");
else    
    document.write("p2 visible");
      
/*

run:

test p1

p1 visible 
p2 not visible 

*/

 

70+ SQL courses for beginners and professionals