内部HTMLコンテンツの高さを取得する方法

Question

JavaScriptで内部のHTML高さを取得したいと考えています。私は、親のdivの高さを得るのですか、私は

<div>Content</div> 

のいずれかのdivフォントサイズが増加しているか、多くのdivは、親の中にネストされた場合

があると？

編集：ネストされたdivにも境界線とパディングがあります。要素に任意の境界線やスクロールバーが含まれます

Answer 1

それはバニラJSであることが必要なら...

var height = document.getElementById('content').clientHeight; 

。内側のHTML（パディングを除く）だけを使用したい場合は、代わりにoffsetHeightを使用することができます。

Answer 2

これは何か？ spcificのdivの高さ

document.getElementsByTagName('div')[0].clientHeight 

http://codepen.io/nagasai/pen/XKoxZw

Answer 3

使用clientHeightとgetElementsByTagNameのdivが、あなたの高さの計算にパディングとボーダーを含める：

のdocument.getElementById（ 'myDiv'） .offsetHeight;

Answer 4

を取得する

<div id="MyDiv">Content</div> 

console.log(document.getElementById("MyDiv").offsetHeight);