Finding if element is visible (JavaScript )

前端未结

关注

 4  1512

I have a javascript function that tries to determine whether a div is visible and does various processes with that variable. I am successfully able to swap an elements visibilit

相关标签:

4条回答

暖寄归人

2021-02-05 20:07
Let's take a second to see what .is(":visible") is doing in jQuery, shall we?

Here's a link: https://github.com/jquery/jquery/blob/master/src/css.js#L529

return !jQuery.expr.filters.hidden( elem );

where
```
jQuery.expr.filters.hidden = function( elem ) {
    // Support: Opera <= 12.12
    // Opera reports offsetWidths and offsetHeights less than zero on some elements
    return elem.offsetWidth <= 0 && elem.offsetHeight <= 0;
};
```
So, it's just checking the offset width and height of the element.

That said, and also worth noting, when jQuery checks to see if an element is hidden (i.e. like when triggering a 'toggle' event), it performs a check on the display property and its existence in the dom. https://github.com/jquery/jquery/blob/master/src/css.js#L43
0 讨论(0)
发布评论:

提交评论
- 加载中...
春和景丽

2021-02-05 20:08
If you would like to do this only javascript way you may try
```
window.getComputedStyle(document.getElementById("mydivID"),null).getPropertyValue('display')
```
0 讨论(0)
发布评论:

提交评论
- 加载中...
灰色年华

2021-02-05 20:12
Display is not an attribute, it's a CSS property inside the style attribute.

You may be looking for
```
var myvar = document.getElementById("mydivID").style.display;
```
or
```
var myvar = $("#mydivID").css('display');
```
0 讨论(0)
发布评论:

提交评论
- 加载中...

天涯浪人

2021-02-05 20:25

Try like this:

$(function () {
    // Handler for .ready() called.
    if ($("#mydivID").is(":visible")) {
        alert('Element is visible');
    }
});

FIDDLE

Please make sure to include the jQuery file inside the head tag, as follows

<head>
  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
</head>

0 讨论(0)