在拖动文件时更改元素的CSS属性

var draggableElement = document.getElementById('draggable');

draggableElement.addEventListener('dragstart', function(event) {
  // 设置拖动的数据
  event.dataTransfer.setData('text/plain', 'Hello, World!');
});

var droppableElement = document.getElementById('droppable');

droppableElement.addEventListener('dragover', function(event) {
  // 阻止默认的放置行为
  event.preventDefault();
});

droppableElement.addEventListener('drop', function(event) {
  // 阻止默认的放置行为
  event.preventDefault();

  // 获取拖动的数据
  var data = event.dataTransfer.getData('text/plain');

  // 根据需要更改元素的CSS属性
  droppableElement.style.backgroundColor = 'red';
});