zoukankan      html  css  js  c++  java
  • 每天一个JavaScript实例-获取元素当前高度

    <!DOCTYPE html>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>每天一个JavaScript实例-获取元素当前高度</title>
    <style>
    	#date{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="1000px;height:800px;">
    <div id = "date">
    </div>
    </div>
    </body>
    </html>
    

  • 相关阅读:
    关于sqrt函数的使用
    电子商务
    随笔
    哈哈
    整体管理
    软件产品质量特性
    问题
    风险
    antd
    Flex布局大作用
  • 原文地址:https://www.cnblogs.com/yxysuanfa/p/7170900.html
Copyright © 2011-2022 走看看