JSのdivの高さ（幅）を取得し、別のdivに割り当てられました

著作権：https://blog.csdn.net/Yugoup/article/details/84147713

親のdivは、サブのdivの変化の高さを変更することはできませんと仮定して

最初は、ここで私は例を与える、HTMLページです

<div id="faster">
	<div id="son">
		这个div高度为动态，并且大于父级div的高度
	</div>
</div>

CSSセクション

<style>
	#faster{
		width: 500px; 
		height: 200px; 
		background: red;
	}
	#son{
		width: 200px; 
		height: 400px; 
		background: deepskyblue;
		float: right;
	}
</style>

息ができないページには本当に醜いです

JS部分、ネイティブjQの書き込みと書き込みが提供される
方法を使用することができるoffsetHeight

//原生js
<script>
	var fasterheight = document.getElementById('faster');
		var sonheight = document.getElementById('son');
		fasterheight.style.height = sonheight.offsetHeight+'px';
</script>
//jQ写法
<script src="http://code.jquery.com/jquery-1.4.1.js"></script>//使用jquery需要引用官方文件
<script>
		window.onload = function() { 
			var fasterHeight = $('#son').height(); 
   		$("#faster").css({height: fasterHeight+'px'});
  }
</script>

結果は以下の通りである：

動的幅と同様の方法を得る方法を用いてoffsetWidth