How to change display none to block using JavaScript

In this post, you will learn how to change an element's display property value from none to block using JavaScript or JQuery.

Change display none to block using JavaScript. #

Using the JavaScript style.display property, we can hide an element and also show the element.

To show an element, simply use the style.display="block" and to hide an element, use the style.display="none".

// hide element
document.querySelector('.my-div').style.display="none";

// show element
document.querySelector('.my-div1').style.display="block";

Change display value to none using JQuery. #

We can also change the display property value from block to none using css() method in JQuery.

 <script>
   $('.my-div').css('display','none')
 </script>