有什么校验的js能够校验display:none的吗

在JavaScript中，"display: none" 属性主要用于隐藏元素，并不影响HTML结构本身。因此，常规的HTML和CSS验证不会去检查一个元素是否被设置成了 display: none。如果你想要确认某个元素是否真正可见（即对用户来说不可见），可以考虑通过检查元素的offsetHeight或getBoundingClientRect()属性。

例如，你可以编写一个简单的函数来判断元素是否真的在屏幕上不可见：

function isElementReallyHidden(element) {
    const boundingRect = element.getBoundingClientRect();
    return (
        boundingRect.top >= window.innerHeight || // 元素位于视口底部
        boundingRect.bottom <= 0 ||           // 元素位于视口顶部
        boundingRect.left >= window.innerWidth || // 元素位于视口右侧
        boundingRect.right <= 0                // 元素位于视口左侧
    ) && !element.offsetWidth && !element.offsetHeight;
}

// 使用示例
const elem = document.getElementById('yourElementId');
if (isElementReallyHidden(elem)) {
    console.log('元素实际上不可见');
} else {
    console.log('元素可见或部分可见');
}

这个函数会检查元素的位置、尺寸以及是否超出浏览器窗口可视区域。然而，这还是依赖于页面布局，如果元素被其他元素遮挡，但它仍然存在于DOM树中，那么它就不算真正“不可见”。