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

JavaScript017

js实现点击某个div层置顶显示,第1张

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

需要用到Z-index 值

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

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

//创建一个公共Z值

var z=999

//然后获取所有div

var aDiv=document.getElementsByTagName('div')

//遍历元素

for(var i=0i<aDiv.lengthi++){

//添加事件

aDiv[i].onclick=function(){

//控制当前点击的div每次点击就z++

//比如这次点击了z值到了1000

//然后下一个div点击的时候

//把这个值赋给他 然后他还++一次 变成1001

//这样那个又是最高的了

this.style.zIndex=z++

}

}

这个容易.

<html>

<body>

<a href="javascript:void(0)" onclick="javascript:document.getElementsByTagName('BODY')[0].scrollTop=document.getElementsByTagName('BODY')[0].scrollHeight">到页底</a>

<div style="height:3000px"></div>

<a href="javascript:void(0)" onclick="javascript:document.getElementsByTagName('BODY')[0].scrollTop=0">回页顶</a>

</body>

</html>