Dostęp wysokość div w JavaScript

Question

Mam Div:

css

div { width: 200px; height:auto } 

markup

<div contenteditable="true"> Text is editable </div> 

Teraz to, co należy zrobić, aby uzyskać dostęp do height (numeric value) z następujących powyżej div w javascript? Próbowałem:

&zarówno zwraca auto.

Answer 1

Możesz spróbować .innerHeight() lub .outerHeight(), w zależności od tego, co chcesz.

Answer 2

spróbuj

$('div').innerHeight() 

lub

$('div').outerHeight() 

Answer 3

Try To

var divs = document.getElementsByTagName('div'); 
if(divs.length>0) 
    divs[0].offsetHeight; 

Answer 4

Dla zwrotu liczbową wartość wysokość:

document.getElementsById('myElementId').offsetHeight; // Without jQuery 

$('#myElementId').outerHeight(); // With jQuery 

Uwaga 1: outerHeight (true) zwraca rozmiar z marginesu i dopełnienie inclued, więcej informacji na http://api.jquery.com/outerHeight/

Uwaga 2: innerHeight() zwraca bieżącą wysokość obliczana dla pierwszego elementu w zbiorze dopasowane elementy, w tym dopełnienie, ale nie obramowanie.

Uwaga 3: $ ("div"). Height() lub $ ("div"). Css ("height") zwraca tylko wartość css.