拖放其他元素时更改元素的边框颜色

<div id="dragElement" draggable="true">可拖动元素</div>
<div id="dropTarget">目标元素</div>

var dragElement = document.getElementById("dragElement");
var dropTarget = document.getElementById("dropTarget");

dragElement.addEventListener("dragstart", function(event) {
  // 设置拖动元素的数据类型和值
  event.dataTransfer.setData("text/plain", event.target.id);
});

dropTarget.addEventListener("dragover", function(event) {
  // 阻止默认的拖放行为
  event.preventDefault();
});

dropTarget.addEventListener("drop", function(event) {
  // 阻止默认的拖放行为
  event.preventDefault();

  // 获取拖动元素的ID
  var draggedElementId = event.dataTransfer.getData("text/plain");

  // 根据拖动元素的ID获取拖动元素
  var draggedElement = document.getElementById(draggedElementId);

  // 修改拖动元素的边框颜色
  draggedElement.style.borderColor = "red";
});