js如何获取鼠标所在位置的div元素并给元素设置红色边框

1. 首先需要监听鼠标移动事件，可以使用 `mousemove` 事件。
2. 在事件处理函数中，可以使用 `event.target` 获取鼠标所在的元素。
3. 给获取到的元素设置红色边框，可以使用 `element.style.border` 属性。

代码示例：

// 监听鼠标移动事件
document.addEventListener('mousemove', function(event) {
  // 获取鼠标所在的元素
  var element = event.target;
  // 给元素设置红色边框
  element.style.border = '1px solid red';
});

相关问题

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>

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

可以使用事件委托的方式来实现，在父元素上绑定mousemove和click事件，然后根据鼠标所在位置获取对应的子元素，并设置边框和打印控制台。

示例代码如下：

HTML：

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

CSS：

.child {
  width: 100px;
  height: 100px;
  border: 1px solid #ccc;
  margin: 10px;
}

JS：

var parent = document.getElementById("parent");

parent.addEventListener("mousemove", function(event) {
  var target = event.target;
  if (target.classList.contains("child")) {
    target.style.border = "1px solid red";
  }
});

parent.addEventListener("click", function(event) {
  var target = event.target;
  if (target.classList.contains("child")) {
    console.log(target);
  }
});

在mousemove事件中，首先判断当前鼠标所在的元素是否是子元素，如果是，则给该元素设置边框为红色。在click事件中，同样判断是否是子元素，如果是，则打印控制台该元素。