发新话题
打印

javascript判断dom是否隐藏(display:none)状态

javascript判断dom是否隐藏(display:none)状态

代码:
var isHidden = function(element) {
    return (element.offsetParent === null);
};
如果是通过设置visibility:hidden则无法检测出,这时可以用以下方法代替(但是性能会差一些):
代码:
function isHidden(el) {
    var style = window.getComputedStyle(el);
    return (style.display === 'none')
}
如果使用jQuery,则有比较方便的方法:
代码:
if($('div').is(':visible') == true) { // 隐藏 }
if($('div').is(':visible')) { }
if($('div').is(':hidden') == true) { // 显示 }
if($('div').is(':hidden')) { }

TOP

发新话题