Sometimes, we want to check element CSS display with JavaScript.
In this article, we’ll look at how to check element CSS display with JavaScript.
How to check element CSS display with JavaScript?
To check element CSS display with JavaScript, we use the window.getComputedStyle
method.
For instance, we write
const { display } = window.getComputedStyle(element, null);
to call window.getComputedStyle
with the element
that we want to get the styles for.
Then we get the value of the display
CSS property computed by the browser with the display
property from the returned object.
Conclusion
To check element CSS display with JavaScript, we use the window.getComputedStyle
method.