使用JS获取网页z-index层级的最大值,代码如下:
let elements = document.querySelectorAll('*');
let zIndexValues = [];
for (let i = 0; i < elements.length; i++) {
let zIndex = parseInt(window.getComputedStyle(elements[i]).getPropertyValue('z-index'));
if (!isNaN(zIndex)) {
zIndexValues.push(zIndex);
}
}
let maxZIndex = zIndexValues.sort((a, b) => {
return a - b;
})[zIndexValues.length - 1];
console.log('The maximum z-index value is:', maxZIndex);
解释:
可以通过以下步骤获取当前网页z-index的最大值:
- 获取页面上所有元素
document.querySelectorAll('*')
- 遍历所有元素,获取它们的 z-index 值,并将其转换为数字类型
let elements = document.querySelectorAll('*');
let zIndexValues = [];
for (let i = 0; i < elements.length; i++) {
let zIndex = parseInt(window.getComputedStyle(elements[i]).getPropertyValue('z-index'));
if (!isNaN(zIndex)) {
zIndexValues.push(zIndex);
}
}
- 对这些 z-index 值进行排序,并返回最大值
let maxZIndex = zIndexValues.sort((a, b) => {
return a - b;
})[zIndexValues.length - 1]
评论 (0)