html5 选择器querySelector

Question

请问下html5的querySelector或者querySelectorAll如何选择显示的元素呢
document.querySelectorAll('.ivu-modal:visible').length
比如这样不对，该如何更改呢？

Answer 1

function isvisible(obj){
                var aaa = [].slice.call(obj);
                var bbb = aaa.filter(function(element) {                            
                    return element.style.visibility == 'visible' || element.style.visibility == '';
                });
                return bbb;
            }
                        
            console.log(isvisible(document.querySelectorAll('.ivu-modal')).length);

Answer 2

document.querySelectorAll()参数是传CSS选择器。你这里所指显示的元素是什么呢？visibility:hidden;不为hidden的值？
visible好像是指jQuery的选择器。
MDN querySelector文档
MDN 选择器文档