您现在的位置： 万盛学电脑网 >> 程序编程 >> 脚本专题 >> javascript >> 正文
一个JavaScript获取元素当前高度的实例
作者：佚名 责任编辑：admin 更新时间：2022-06-22
<!DOCTYPE html>
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>每天一个JavaScript实例-获取元素当前高度</title> <style> #date{width:90%;height:25%;padding:10px;background: red;} </style> <script> window.onload = function(){ var height = getHeight(); console.log(height); } function getHeight(){ var height = 0; var div = document.getElementById("date").getBoundingClientRect(); if(div.height){ height = div.height; }else{ height = div.bottom - div.top; } return height; } </script> </head> <body> <div style="width:1000px;height:800px;"> <div id = "date"> </div> </div> </body> </html>- 上一个程序编程： JS 实现列表与多选框选择附预览动画
- 下一个程序编程： Javascript检查复选框checkbox是否选中
