Advanced Search

Return to Snippet

Revision: 7165
at July 10, 2008 13:54 by TALlama
Initial Code 
function isVisible(obj)
{
    if (obj == document) return true
    
    if (!obj) return false
    if (!obj.parentNode) return false
    if (obj.style) {
        if (obj.style.display == 'none') return false
        if (obj.style.visibility == 'hidden') return false
    }
    
    //Try the computed style in a standard way
    if (window.getComputedStyle) {
        var style = window.getComputedStyle(obj, "")
        if (style.display == 'none') return false
        if (style.visibility == 'hidden') return false
    }
    
    //Or get the computed style using IE's silly proprietary way
    var style = obj.currentStyle
    if (style) {
        if (style['display'] == 'none') return false
        if (style['visibility'] == 'hidden') return false
    }
    
    return isVisible(obj.parentNode)
}
Initial URL 

                                

                                                            

                                    

                                        

                                        Initial Description
                                        

                                    

                                    
Determines if a given element is visible, by checking a variety of things. Will work for CSS or inline style declarations of visible:hidden or display: none. Will check if it's inside of an invisible element, as well.

                                

                                                            

                                    

                                        

                                        Initial Title
                                        

                                    

                                    
JavaScript DOM Element Visibility Checker

                                

                                                            

                                    

                                        

                                        Initial Tags
                                        

                                    

                                    
DOM

                                

                                                            

                                    

                                        

                                        Initial Language
                                        

                                    

                                    
JavaScript