How to obtain the width of a hidden element and the width of a hidden element

How to obtain the width of a hidden element and the width of a hidden element

Directly run the Code:

<Div id = "test1" style = "display: none"> </div> <div id = "test2" style = "visibility: hidden "> </div> <script> console. log ($ ("# test1 "). width (); console. log ($ ("# test2 "). width (); </script>

The output results are 0 and 1400 respectively (depending on the browser width)

This is the difference between the display: none and visibility: hidden elements.

Visibility: hidden can be used to locate the position. If you want to hide an element but want to know its width, you can use visibility: hidden to obtain it.