悬停类同级并更改类实例所独有的子项img源

<div class="parent">
  <img class="child" src="original.jpg" alt="Original Image">
</div>

.parent {
  position: relative;
}

.child {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.3s;
}

.parent:hover .child {
  opacity: 1;
}

const parent = document.querySelector('.parent');
const child = document.querySelector('.child');

parent.addEventListener('mouseover', () => {
  child.src = 'new.jpg';
});

parent.addEventListener('mouseout', () => {
  child.src = 'original.jpg';
});