js判断元素是否dispalynone
可以使用以下方法判断元素是否display:none:
- 使用CSSStyleDeclaration对象的getPropertyValue方法获取元素的display属性值,判断是否为none。
var element = document.getElementById('myElement');
var style = window.getComputedStyle(element);
if (style.getPropertyValue('display') === 'none') {
console.log('Element is hidden');
}
- 使用元素的offsetWidth和offsetHeight属性,判断元素是否有宽度和高度。如果元素的宽度或高度为0,则表示元素是隐藏的。
var element = document.getElementById('myElement');
if (element.offsetWidth === 0 && element.offsetHeight === 0) {
console.log('Element is hidden');
}
- 使用元素的style属性,判断元素的display属性是否为none。这种方法只适用于内联样式或通过JavaScript设置的样式。
var element = document.getElementById('myElement');
if (element.style.display === 'none') {
console.log('Element is hidden');
}
原文地址: https://www.cveoy.top/t/topic/7QU 著作权归作者所有。请勿转载和采集!