Question

我有几个JavaScript库竞争z-index至上，并希望按z-index转出完整的元素列表，除了对象类型之外没有任何其他属性。

运行以下内容只给我一个要遍历的元素：

$('html').each(function () {
    console.log($(this).css('z-index') + ': ' + $(this).constructor);
});

我该怎么做？

Answer 1

您现在正在遍历html元素。您要做的是使用*选择器选择所有元素：

$("*").each(function () { 
    ...

Answer 2

这样的事情应该有效：

$("*").each(function(k, v){
    console.log(v.nodeName + " " + $(v).css("z-Index"));
})

Answer 3

这是一个解决方案，它在没有任何第三方框架的情况下读取计算出的样式表：

var elems = document.querySelectorAll( '*' );

for( var i = 0, len = elems.length; i < len; i++ ) {

    var style = window.getComputedStyle( elems[i] );

    console.log( elems[i].nodeName, style.getPropertyValue( 'z-index' ) );

    /* style['z-index'] will also work, but it is better to use the API if there is one, in case something get's changed */
}

通过JavaScript记录所有z索引

3 个答案: