Сделайте один div min-height равным другому div-height плюс px

Question

Сделайте один div min-height равным другому div-height плюс px

1

Я пытаюсь сделать минимальную высоту ecHeight равной высоте custHeightFix плюс количество пикселей. Кто-нибудь видит, что я делаю не так? Я новичок в этом!

var elmnt = document.getElementById("custHeightFix");
var idmHeight = elmnt.offsetHeight; 
document.getElementById("ecHeight").style.minHeight = idmHeight +"5000";

user585148 10 янв. 2019, в 06:19

Источник

Теги:

javascript

1 ответ

Ещё вопросы

Mamun · Accepted Answer · 2019-01-10T02-48-00.000Z

У вас есть две проблемы в вашем коде:

idmHeight - это число; Вы должны добавить число (5000), а не строку ("5000") для выполнения арифметической операции. Если вы добавите строковую версию числа, произойдет конкатенация строк. я, е: 18 + "5000" приведет к "185000".
Вы также должны указать единицу измерения как px в конце.

Попробуйте idmHeight + 5000 + "px"

var elmnt = document.getElementById("custHeightFix");
var idmHeight = elmnt.offsetHeight;
var el = document.getElementById("ecHeight");
el.style.minHeight = idmHeight + 5000 + "px";
el.style.backgroundColor = "lightgray";
console.log(el.style.minHeight);

<div id="custHeightFix">custHeightFix</div>
<div id="ecHeight">ecHeight</div>

Спасибо! Кроме того, я добавил код в нижний колонтитул вместо головы.