如何计算搜索列表中可见的'li‘

// 获取搜索列表中所有的li元素
const liElements = document.querySelectorAll('.search-list li');

// 初始化计数器
let visibleLiCount = 0;

// 遍历每个li元素
liElements.forEach(li => {
  // 判断li元素是否可见
  const computedStyle = getComputedStyle(li);
  const isHidden = computedStyle.display === 'none' || computedStyle.visibility === 'hidden' ||
    computedStyle.width === '0' || computedStyle.height === '0';
  
  // 如果li元素可见，则计数器加一
  if (!isHidden) {
    visibleLiCount++;
  }
});

// 返回可见的li元素数量
console.log("可见的li元素数量：" + visibleLiCount);