js 判断是隐藏还是显示

function isElementVisible(el) {
    const style = window.getComputedStyle(el);
    return style.display !== 'none' && style.visibility !== 'hidden' && el.offsetHeight > 0 && el.offsetWidth > 0;
}

// 使用示例
const element = document.getElementById('myElement');
if (isElementVisible(element)) {
    console.log('元素是可见的');
} else {
    console.log('元素是隐藏的');
}

function isElementVisible(el) {
    return el.offsetHeight > 0 && el.offsetWidth > 0;
}

// 假设隐藏类为 'hidden'
function isElementHiddenByClass(el, className) {
    return el.classList.contains(className);
}

// 或者直接检查display属性
function isElementVisibleByDisplay(el) {
    const style = window.getComputedStyle(el);
    return style.display !== 'none';
}