手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >一个JavaScript获取元素当前高度的实例
一个JavaScript获取元素当前高度的实例
摘要:每天一个JavaScript实例-获取元素当前高度#date{width:90%;height:25%;padding:10px;backg...

<!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> <div id = "date"> </div> </div> </body> </html>

【一个JavaScript获取元素当前高度的实例】相关文章:

JavaScript对表格或元素按文本,数字或日期排序的方法

Javascript中For In语句用法实例

JavaScript获取当前运行脚本文件所在目录的方法

javascript元素动态创建实现方法

Javascript中With语句用法实例

使用JavaScript刷新网页的方法

JavaScript实现的MD5算法完整实例

javascript函数特点实例

JavaScript中exec函数用法实例分析

javascript实现删除前弹出确认框

精品推荐
分类导航