如何在html和纯javascript中发现元素是否被隐藏

var element = document.getElementById("myElement");
if (window.getComputedStyle(element).display === "none") {
    console.log("元素被隐藏了");
} else {
    console.log("元素可见");
}

var element = document.getElementById("myElement");
if (window.getComputedStyle(element).visibility === "hidden") {
    console.log("元素被隐藏了");
} else {
    console.log("元素可见");
}

var element = document.getElementById("myElement");
if (window.getComputedStyle(element).opacity === "0") {
    console.log("元素被隐藏了");
} else {
    console.log("元素可见");
}

var element = document.getElementById("myElement");
if (element.offsetHeight === 0 && element.offsetWidth === 0) {
    console.log("元素被隐藏了");
} else {
    console.log("元素可见");
}