Есть ли способ получить высоту динамически вставляемого / созданного div, который изначально имеет display = none, перед его отображением?

Question

Есть ли способ получить высоту динамически вставленного / созданного div, который изначально имеет display = none, до его отображения?

Answer 1

Не display:none это ..... Просто добавьте его к абсолютно позиционированному элементу, смещенному на -9999px или около того.В качестве альтернативы используйте visibility:hidden.

Answer 2

visibility:hidden;
position:absolute;

скрыто, чтобы сделать невидимым, абсолютным, чтобы вынуть из потока документов. это по-прежнему отображает содержимое и присваивает высоту, которую display:none не делает.

Answer 3

Поскольку его высота может зависеть от фактического размещения в DOM, довольно сложно дать точный ответ.

Единственная форма, которую вы можете достоверно определить, это использовать display:block и visibility:hidden.Но имейте в виду, что он займет место еще до того, как его отобразить.

В данном случае используется метод .height()

Answer 4

Обычно вы скрываете его, помещая его вне видимой области контейнера с помощью overflow: hidden;.

Answer 5

Я не думаю, что браузер фактически будет отображать DOM во время выполнения скрипта, по крайней мере, по моему опыту.
Я всегда добавлял элемент в его окончательную позицию, измерял его, а затем скрывал.
Я никогда не замечал, чтобы это мгновенно появилось.Мне было бы интересно узнать, что думают другие.

Что-то вроде:

jQuery

var el = $('<div/>', {
    html: 'hello',
    css: {
        padding: '10px'
    }
});
var height = el.appendTo( $(document.body) ).height();
el.hide(); 

Обычный

var el = document.createElement( 'div' );
el.style.padding = '10px';
el.innerHTML = 'hello';
document.body.appendChild( el );
var height = el.clientHeight;
el.style.display = 'none';

Answer 6

Я верю, когда элемент имеет отображение: нет; у него нет высоты. Одним из вариантов будет использование visibilty: скрытый вместо использования $ ('elem'). height ()

Answer 7

если высота установлена ​​в css, то я думаю, что все, что вам нужно сделать, это $ ('# elemID'). Css ('height').