如何在视区内获得选定的div？

// 获取页面中的所有div元素
var divList = document.getElementsByTagName('div');

// 存储在视区内的div元素
var visibleDivList = [];

// 遍历div元素列表，判断是否在视区内
for (var i = 0; i < divList.length; i++) {
  var divRect = divList[i].getBoundingClientRect();
  
  // 判断div元素是否在视区内
  if (divRect.top < window.innerHeight && divRect.bottom > 0) {
    visibleDivList.push(divList[i]);
  }
}

// 对在视区内的div元素进行进一步处理
for (var j = 0; j < visibleDivList.length; j++) {
  // 可以修改div元素的样式
  visibleDivList[j].style.backgroundColor = 'yellow';
  
  // 可以绑定事件
  visibleDivList[j].addEventListener('click', function() {
    console.log('Div clicked!');
  });
}