check if an element is visible javascript code example

Example 1: check if element is visible

.is(':visible')
//Selects all elements that are visible.

if($('#Div').is(':visible')){
	// add whatever code you want to run here.
}

$('#yourDiv:visible').callYourFunction();

Example 2: js check if element hidden

if (elem.getAttribute("hidden") != null){
  //code if elem is hidden
}

Example 3: javascript check if element is visible on screen

// Where el is the DOM element you'd like to test for visibility
<script>
  function isHidden(el) {
    return (el.offsetParent === null);
  }
  var el = document.getElementById('el');
  alert(isHidden(el));
</script>
// if true then element "el" is visible otherwise not visible