這篇文章主要為大家介紹了一個JavaScript獲取元素當前高度的實例，比較實用，建議新手朋友們可以看看
- <!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>
新聞熱點
疑難解答
圖片精選
