[WF] Find elements with z-index

find-z-index.js

// Get all css property values for a single element
// https://developer.mozilla.org/en-US/docs/Web/API/Window/getComputedStyle
// const cs = window.getComputedStyle(elem);

// Access single properties
// cs.getPropertyValue("z-index")
// cs["z-index"]
// cs.zIndex

// Example: Find all elements where a z-index is specified
// Variation A:
(() => {
    const elems = Array.from(document.querySelectorAll("*"))
        .map(elem => {
            return {
                elem: elem,
                zIndex: window.getComputedStyle(elem).zIndex,
            };
        })
        .filter(item => item.zIndex !== "auto");
    console.table(elems);
})();

// Variation B
(() => {
    const elems = Array.from(document.querySelectorAll("*"))
        .filter(elem => window.getComputedStyle(elem).zIndex !== "auto")
        .map(elem => {
            return {
                elem: elem,
                zIndex: window.getComputedStyle(elem).zIndex,
            };
        });
    console.table(elems);
})();