js获取页面中元素的最大zindex值

代码如下:

<!DOCTYPE HTML>
<html>

	<head>
		<meta charset="UTF-8" />
		<title></title>
		<style type="text/css">
			.div {
				position: absolute;
				z-index: 999;
			}
		</style>
	</head>

	<body style="position: relative;z-index: 9;color: #f00;">
		<div style="position: relative;z-index: 2;"></div>
		<div class="div"></div>
	</body>
	<script type="text/javascript">
		var divs = document.getElementsByTagName("*");
		for(var i = 0, max = 0; i < divs.length; i++) {
			max = Math.max(max,parseInt(getClass(divs[i],'z-index')) || 0);
		}

		console.log(max);
		//兼容获取非行间样式
		function getClass(obj, name)
		{
			if(obj.currentStyle)
			{
				return obj.currentStyle[name]; //IE下获取非行间样式
			} else{
				return getComputedStyle(obj, false)[name]; //FF、Chorme下获取费行间样式
			}
		}
	</script>

</html>

发布者

cylyiou

cylyiou

分享前端知识

支付宝扫码打赏微信打赏

如果文章对您有帮助,不妨移至上方按钮小额赞助我一下,让我有动力继续写出高质量的教程。

发表评论

电子邮件地址不会被公开。