项目开发中会根据具体需求开发出不同的功能，如动画效果、页面美化等。

那么如果在开发中需要对多个div提取其中最大或最小高度时，我们如何通过js来实现该功能呢？

根据接下来的代码，看使用前端js代码如何实现提取最大、最小高度。

一、原生js获取多个div最大、最小高度

window.onload = function(){
	var h_max = 100;
	var h_min = 100;
	var widthBox = document.getElementsByClassName('test');
	for (var i = 0; i < widthBox.length; i++) {
		h_max = h_max < widthBox[i].offsetHeight ? widthBox[i].offsetHeight : h_max;
		h_min = h_min > widthBox[i].offsetHeight ? widthBox[i].offsetHeight : h_min;
	}
	console.log("最大高度：",h_max)
	console.log("最小高度：",h_min)
}

开发说明：

    1、对需要获取的多个div定义相同的class，如test

    2、对获取到的class为test的div进行循环，获取每个div的高度。通过对比留下最大的高度。

二、基于jq获取多个div最大、最小高度

$(function(){
	var h_max = 100;
	var h_min = 100;
	$(".test").each(function(e){
		var  h = $(this).height();
		h_max = h_max < h ? h : h_max;
		h_min = h_min > h ? h : h_min;
	})
	console.log("最大高度：",h_max)
	console.log("最小高度：",h_min)
})

开发说明：其原理和原生js一致，只是在写法中相对元原生。jq版本代码更加精简。