How to get the height of hidden elements by javascript

This article will explain in detail how javascript obtains the height of hidden elements. The editor thinks it is very practical, so I share it for you as a reference. I hope you can get something after reading this article.

The acquisition method is as follows: 1, introduce the jquery file; 2, use the "$(" # id value ")" statement to obtain the hidden element object according to the specified id value; 3, use the "element object .height ()" statement to obtain the height of the hidden element.

The operating environment of this tutorial: windows7 system, javascript1.8.5&&jquery3.1.0 version, Dell G3 computer.

First, under normal circumstances, make sure that the div is high.

Document sub-div content, you need to get my height console.log ($("# div"). Height ()) / 21 console.log ($("# divsub"). Height ()) / / 21

When we add style= "display:none;" to the element where id is div, rerun the code, and the result is as follows:

As you can see, the parent div can get the value normally, while the child div can no longer get the height.

When we change style= "display:none;" to style= "visibility: hidden;", we can still get it normally. But div's location is still there.

So, you have the following solution, use visibility to hide, and then move the div out of sight of the screen.

Document sub-div content, need to get my high console.log ($("# div"). Height () console.log ($("# divsub"). Height ()) this article on "how to obtain the height of hidden elements by javascript" ends here. I hope the above content can be of some help to you, so that you can learn more knowledge. If you think the article is good, please share it for more people to see.