Truy cập vào chiều cao của div trong javascript

Question

Tôi có một div:

css

div { width: 200px; height:auto } 

đánh dấu

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

Bây giờ những gì tôi nên làm gì để truy cập height (numeric value) của trên div trong javascript? Tôi đã thử

$('div').height() & $('div').css("height"); cả hai lợi nhuận auto.

Answer 1

Bạn có thể muốn thử .innerHeight() hoặc .outerHeight(), tùy thuộc vào những gì bạn muốn.

Answer 2

thử sử dụng

$('div').innerHeight() 

hoặc

$('div').outerHeight() 

Answer 3

Hãy thử này

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

Answer 4

Đối với trả lại giá trị chiều cao NUMERIC:

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

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

Lưu ý 1: outerHeight (true) trả về kích thước với margin và padding inclued, thêm thông tin về http://api.jquery.com/outerHeight/

Note 2: innerHeight() trả về chiều cao tính toán hiện hành đối với phần tử đầu tiên trong tập hợp các các phần tử phù hợp, bao gồm cả phần đệm nhưng không được viền.

Lưu ý 3: $ ('div'). Height() hoặc $ ('div') .ss ("height") chỉ trả về giá trị css.