js如何获取元素的高度,js获取内容高度

　　本教程运行环境：windows7系统，javascript1.8.5jquery3.1.0版本3.1.0，Dell G3电脑。

　　首先，一般情况下，要保证div高。

　　！声明文档类型

　　超文本标记语言

　　头

　　meta charset=UTF-8

　　标题文档/标题

　　script src= jquery-3 . 1 . 0 . min . js type= text/JavaScript /script

　　/头

　　身体

　　div id=div

　　div id=divsub

　　子div内容，需要得到我的身高

　　/div

　　/div

　　/body

　　脚本类型=文本/javascript

　　console.log($(#div )。height()) //21

　　console.log($(#divsub )。height()) //21

　　/脚本

　　/html

　　当我们添加style= display:none；添加到id为div的元素，重新运行代码，结果如下：

　　可以看到父div可以正常获取值，但是子div已经无法获取高度了。

　　当我们把style= display:none；更改为style= visibility:hidden；之后还是可以正常获取的。但是div的位置还在。

　　于是，就有了下面的解决方案。只需使用可见性来隐藏它，然后将div移出屏幕。

　　！声明文档类型

　　超文本标记语言

　　头

　　meta charset=UTF-8

　　标题文档/标题

　　script src= jquery-3 . 1 . 0 . min . js type= text/JavaScript /script

　　/头

　　身体

　　div id= div style= visibility:hidden；位置：绝对；top:-9999 px；左：-9999 px；

　　div id=divsub

　　子div内容，需要得到我的身高

　　/div

　　/div

　　/body

　　脚本类型=文本/javascript

　　console.log($(#div )。高度())

　　console.log($(#divsub )。高度())

　　/脚本

　　/html【推荐学习：javascript高级教程】以上是javascript如何获取隐藏元素高度的详细内容。更多请关注我们的其他相关文章！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。