为了账号安全,请及时绑定邮箱和手机立即绑定

js如何获取body下子元素的最大z-idnex值?

听了老师的课,百度找了下js如何获取body下子元素的最大z-idnex值,找不到,哪位大神知道的,求分享,十分感谢。

正在回答

2 回答

技术有限,我的方法比较死板。代码如下:

var DOMs = document.all;//获取所有DOM
var maxIndex = 0;//最大z-index
var curIndex = 0;//当前z-index
for(var i = 0;i < DOMs.length;i++){
    curIndex = document.defaultView.getComputedStyle(DOMs[i],null)["z-index"];//获取z-index的值
    curIndex = curIndex == "auto" ? 0 : 1;
    maxIndex = curIndex > maxIndex ? curIndex : maxIndex;
}
console.log(maxIndex);


0 回复 有任何疑惑可以回复我~
#1

雨中的鱼L 提问者

非常感谢!
2016-12-14 回复 有任何疑惑可以回复我~
#2

雨中的鱼L 提问者

测试了,不对啊
2016-12-14 回复 有任何疑惑可以回复我~
#3

月下风物语 回复 雨中的鱼L 提问者

哪里有问题,你在哪个浏览器下测试的,我自己是在chrome下测试的。
2016-12-14 回复 有任何疑惑可以回复我~
#4

雨中的鱼L 提问者 回复 月下风物语

<body style="position:relative ;z-index:9;"> 我直接这样就不行了,我也是在谷歌
2016-12-15 回复 有任何疑惑可以回复我~
#5

月下风物语 回复 雨中的鱼L 提问者

那应该是document.all不会获取body元素,你可以自己单独在加上。
2016-12-20 回复 有任何疑惑可以回复我~
查看2条回复

let arr = [...document.all].map(ele => +window.getComputedStyle(ele).zIndex || 0);

let maxZ = arr.length ? Math.max(...arr) : 0;

console.log(maxZ);


0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

js如何获取body下子元素的最大z-idnex值?

我要回答 关注问题
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号