DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript綜合知識 >> 一個JavaScript獲取元素當前高度的實例
一個JavaScript獲取元素當前高度的實例
編輯: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>
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved