js实现点击某个div层置顶显示

如果点击某个div层置顶显示的话 

需要用到Z-index 值 

而使用zIndex值 就必须对元素进行绝对定位

可以用如下方法 让被点击的层置顶

//创建一个公共Z值
var z=999;
//然后获取所有div
var aDiv=document.getElementsByTagName('div');
//遍历元素
for(var i=0;i
//添加事件
aDiv[i].onclick=function(){

//控制当前点击的div每次点击就z++
//比如这次点击了z值到了1000
//然后下一个div点击的时候
//把这个值赋给他 然后他还++一次 变成1001
//这样那个又是最高的了
this.style.zIndex=z++

}

};

* {
	margin: 0;
	padding: 0;
	border: 0;
}

body {
	-moz-user-select: none; 
	-webkit-user-select: none;  
	-ms-user-select: none;  
	-khtml-user-select: none;  
	user-select: none;
}

div {
	width: 100px;
	height: 100px;
	text-align: left;
	border: 1px solid black;
	position: relative;
	cursor: pointer;
}