Kā iegūt elementa atveidoto augstumu?

Kā iegūt elementa atveidoto augstumu?

Pieņemsim, ka jums ir <div> elements ar kādu saturu. Šis iekšējais saturs izstieps <div> augstumu. Kā iegūt "atveidotā" augstumu, ja nav skaidri noteikts augstums. Acīmredzot es mēģināju:

var h = document.getElementById('someDiv').style.height;

Vai ir kāds triks, kā to izdarīt? Es izmantoju jQuery, ja tas palīdz.

Izmēģiniet kādu no:

var h = document.getElementById('someDiv').clientHeight;
var h = document.getElementById('someDiv').offsetHeight;
var h = document.getElementById('someDiv').scrollHeight;

clientHeight ietver augstumu un vertikālo polsterējumu.

offsetHeight ietver augstumu, vertikālo polsterējumu un vertikālās robežas.

scrollHeight ietver ietvertā dokumenta augstumu (ritināšanas gadījumā tas būtu lielāks nekā tikai augstums), vertikālo polsterējumu un vertikālās robežas.

Komentāri (6)
Risinājums

Tam vajadzētu būt tikai

$('#someDiv').height();

ar jQuery. Tādējādi tiek iegūts aptītā kopuma pirmā elementa augstums kā skaitlis.

Mēģinot izmantot

.style.height

darbojas tikai tad, ja vispirms ir iestatīts īpašums. Tas nav ļoti noderīgi!

Komentāri (8)

Vai esat īpaši iestatījis augstumu css? Ja nē, jums ir jāizmanto offsetHeight, nevis height.

var h = document.getElementById('someDiv').style.offsetHeight;
Komentāri (1)