js中如何查询html中所有带z-index样式的标签

问题描述:

如图:

图片说明

通过这种方法 我只能找到

的标签

图片说明

但是第一个div 中的class中也包含 z-index这个样式,但是按我那种找法是找不出来的。
有没有什么方法能查出所有带有z-index的样式的方法?

console.log((myDiv[i].currentStyle||getComputedStyle(myDiv[i],null)).zIndex);

你这个非要在浏览器里面找么,复制到文本编辑器里面可以查找啊。或者idea里面,直接做前端的话webstrom这种里面找。

你打印一下myDiv.length 看看 按道理你的z-index:999也应该被打印出来的

级联样式表中的样式不能通过dom的style获取,自己参考这个
Javascript获取级联样式表中定义的CSS值

用JQ查询出所有符合条件的对象,比如$("style*=''z-index") 就会获取到tyle内容里包含z-index的对象

你可以使用js正则匹配标签

为什么不定义一个class,然后找这个class

用JS枚举出来好像也可以。

定义一个class是可以的吧