js如何获取鼠标所在位置的div元素并给元素设置红色边框，当鼠标点击的时候打印控制台这个div元素

可以使用事件委托的方式来实现获取鼠标所在位置的div元素并给元素设置红色边框，当鼠标点击的时候打印控制台这个div元素。

首先，给需要监听的父元素添加一个click事件，然后获取鼠标点击的位置，判断是否是div元素，如果是，则给该元素添加红色边框，并打印控制台该元素。

以下是具体代码实现：

<div id="parent">
  <div class="box"></div>
  <div class="box"></div>
  <div class="box"></div>
</div>

<script>
  // 获取父元素
  var parent = document.getElementById('parent');

  // 添加click事件监听
  parent.addEventListener('click', function(event) {
    // 获取鼠标点击的位置
    var target = event.target;
    // 判断是否是div元素
    if (target.nodeName === 'DIV') {
      // 给该元素添加红色边框
      target.style.border = '2px solid red';
      // 打印控制台该元素
      console.log(target);
    }
  });
</script>