JavaScriptで要素の高さを揃える

要素の高さを揃える

HTML

<div id="targetId">
	<div class="colum">
	<p>
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
	</p>
	</div>
	
	<div class="colum">
	<p>
テキストテキストテキストテキスト
	</p>
	</div>
	
	<div class="colum">
	<p>
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
	</p>
	</div>
</div>

JavaScript

function compare(a, b) {
	return a-b;
}

function elementHeight(targetId, targetClass){

	var elements = $(targetId).getElementsByClassName(targetClass);
	var heights  = new Array();
	
	for(var i=0; i<elements.length; i++){
		var height = Element.getHeight(elements[i]);
		heights[i] = height;
	}

	var maxHeight = heights.sort(compare).pop();

	for(var i=0; i<elements.length; i++){
		elements[i].style.height = maxHeight + 'px';
	}
}

window.onload = function(){
	elementHeight('targetId','colum');
}