Как получить высоту <div> в размере px

Я использовал библиотеку jQuery, чтобы узнать высоту div.

Ниже представлен мой div элемент с атрибутами:

<DIV id="myDiv" style="height:auto; width:78;overflow:hidden"> Simple Test</DIV>

Ниже мой код jQuery, чтобы получить высоту <div>

var result = $("#myDiv").css('height');
alert(result);

После выполнения вышеуказанного оператора я получаю результат как "авто". На самом деле, этого я не ожидаю, вместо этого я хочу результат в размерности px.

Ответы

Ответ 1

Используйте .height() следующим образом:

var result = $("#myDiv").height();

Там также .innerHeight() и .outerHeight() в зависимости от того, что вы хотите.

Вы можете протестировать его здесь, играть с дополнением/полями/контентом, чтобы увидеть, как он меняется.

Ответ 2

Хотя они немного меняются относительно того, как они извлекают значение высоты, то есть некоторые будут вычислять весь элемент, включая отступы, маржу, полосу прокрутки и т.д., а другие просто будут вычислять элемент в его исходной форме.
Вы можете попробовать следующие:

JavaScript:

var myDiv = document.getElementById("myDiv");
myDiv.clientHeight;
myDiv.scrollHeight;
myDiv.offsetHeight;

или в jquery:

$("#myDiv").height();
$("#myDiv").innerHeight();
$("#myDiv").outerHeight();

Ответ 3

Используйте height():

var result = $("#myDiv").height();
alert(result);

Это даст вам наивысшую вычисленную высоту в пикселях. "px" будет удалено из результата. То есть если высота 400 пикселей, результат будет 400, но результат будет в пикселях.

Если вы хотите сделать это без jQuery, вы можете использовать простой JavaScript:

var result = document.getElementById("myDiv").offsetHeight;