javascript - How to find element with biggest z-Index? - Stack Overflow

admin管理员组

文章数量:1410724

I have a lot of dynamic created elements, anytime it getting z-Index++, so that the latest element is anytime on top. When one other of them will be clicked, he get his z-Index max+1. So i need to get the element, that is on top, how can i do it?

Native JS Only please. Thank you

I have a lot of dynamic created elements, anytime it getting z-Index++, so that the latest element is anytime on top. When one other of them will be clicked, he get his z-Index max+1. So i need to get the element, that is on top, how can i do it?

Native JS Only please. Thank you

• javascript
• css
• z-index

Share Improve this question Follow asked Jan 19, 2013 at 15:49 BASILIOBASILIO 88722 gold badges1313 silver badges2626 bronze badges 1

• 1 duplicate: stackoverflow./questions/1118198/… – wildhaber Commented Jan 19, 2013 at 15:53

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 6

Don't try to find it - you would need to iterate all your DOM. As you are creating them dynamically, just save a reference to it and update it each time. Or just store the current highest z-index value in a max variable.

http://jsfiddle/h4ets/

assuming you are only applying z-index in the style attribute

var elems = document.body.getElementsByTagName("*");
var largest;
var check = 0;
for(i=0;i<elems.length;i++){
    if(elems[i].style.zIndex > check){
        check = elems[i].style.zIndex;
        largest = elems[i];
    }
}
// largest is the element
// check is the z-index value of the element with largest z-index

getting the puted style of elements seems to be an issue in webkit browsers such as chrome, and safari as it returns auto, this is a major isssue as chrome especially now is a popular and widely used browser. so for now i would suggest if you want to do this apply the z-index in a style attribute until the bug is fixed

This a best solution

$(function(){
    var maxZ = Math.max.apply(null,$.map($('body > *'), function(e,n){
           if($(e).css('position')=='absolute')
                return parseInt($(e).css('z-index'))||1 ;
           })
    );
    alert(maxZ);
});

本文标签： javascriptHow to find element with biggest zIndexStack Overflow