检查元素是否可见 - JavaScript

JavaScript中检查元素是否可见是很常见的需求，可以通过DOM操作和CSS样式属性来实现。

检查元素是否可见方法

1.使用DOM API

使用DOM API来检查元素是否可见，可以通过offsetWidth、offsetHeight、clientWidth、clientHeight、scrollWidth、scrollHeight、scrollTop和scrollLeft属性来获取元素的尺寸和位置，从而判断元素是否可见。

function isVisible(elem) {
  return !!elem && !!(elem.offsetWidth || elem.offsetHeight || elem.getClientRects().length);
}

2.使用CSS样式属性

使用CSS样式属性来检查元素是否可见，可以通过visibility和display属性来判断元素是否可见。

function isVisible(elem) {
  return getComputedStyle(elem).visibility !== 'hidden' && getComputedStyle(elem).display !== 'none';
}

结论

以上方法都可以判断元素是否可见，但方式不同，使用方便性不同。需要根据实际需求选取适合的方法。