JavaScript, как определить высоту соседнего блока, и вывести размер вне id блока?

Question

[Игорь Васильев]

Есть html-код:

<div class="container">
       <div class="row">
             <div id="neighbor" class="col-lg-6"></div>
             <div class="col-lg-6">
                   <div id="imgheight"></div>
             </div>
       </div>
</div>

Есть javascript-код:

<script>
							function divHeight() {
								var elmnt = document.getElementById("neighbor");
								document.getElementById('imgheight').innerHTML='<img src="/dist/img/image.png" style="height: ' + (elmnt.offsetWidth+153) + 'px"/>';
							}
							divHeight();
						</script>

------------------------------------------
Вопрос: Как вывести функцию, не используя <div id="imgheight"></div>
--
P.S. вычисление в функции +153px моя личная необходимость, оставил для примера, вдруг кому пригодится.

Answer 1

[Никита Кит]

jQuery тебе в помощь.

var neightborHeight = $('#neighbor').siblings('.col-lg-6').outerHeight();
//Выводим размер вне id блока, например, отдаём размер в row:
$('#neighbor').parent('.row').height(neightborHeight);

Я даже написал костыль на подобную ситуацию, который все зачморили на паблах.
dropcogs.pro/css-float-problems.html

Comments

[Игорь Васильев]

костыль, это конечно плохо, но если это решение, и оно помогает, то почему бы не применить? А те кто критиковал, могли бы верное решение прислать. :-)