Использование Javascript для установки одинаковой высоты DIV на основе других DIV (метод)

Question

Использование Javascript для установки одинаковой высоты DIV на основе других DIV (метод)

0

У меня нет знаний в Javascript, но, используя некоторые связанные вещи, которые я нашел во время поиска stackoverflow, я придумал код, чтобы сделать 2 divs одинаковой высоты. Я не знаю, было ли это ранее, но так как я не нашел его, я хочу знать, есть ли проблемы с использованием этих кросс-браузерных, а не основанных на CSS ответов.

document.getElementById('DIV1').style.height = document.getElementById('DIV2').offsetHeight + "px";

То, что это делает, это получить высоту из div с id DIV2 и установить высоту на div с идентификатором DIV1.

(Я не задавал vars, потому что я думаю, что это не нужно для этого простого кода)

Итак, есть ли проблемы с этим?

РЕДАКТИРОВАТЬ:

<div class="row">
 <div class="col-xs-12 col-lg-8">
   <div id="DIV2">
      [image]
   </div>
 </div>
 <div class="col-xs-12 col-lg-4 text-center">
  <div id="DIV1" class="panel panel-primary">
   <div class="panel-body">
      [content]
   </div>
  </div>
 </div>
</div>

Я добавил код, извините за отсутствие его в первом сообщении. Таким образом, изображение больше по высоте, чем текст, содержащийся в содержании.

JPDayz 05 май 2014, в 17:43

Источник

0

Чтобы избежать догадок, пожалуйста, включите ваш HTML.
collapsar 05 май 2014, в 15:29

Теги:

javascript

html

css

1 ответ

Ещё вопросы

Чтобы избежать догадок, пожалуйста, включите ваш HTML.

Andrew · Accepted Answer · 2014-05-05T14-45-00.000Z

Не похоже на проблему, IE поддерживает свойство offsetHeight. Просто убедитесь, что вы запустили JavaScript после загрузки divs, иначе стили могут не применяться, потому что div не существует во время запуска кода. Например, загрузите скрипты непосредственно перед закрывающим тегом тела или поместите их внутри такой функции:

window.onload = function() {  /*code here*/ }