如何在svg中使用javascript onmouseover函数获取类名？

<svg>
  <circle class="myCircle" cx="50" cy="50" r="40" fill="red" />
  <circle class="myCircle" cx="150" cy="50" r="40" fill="blue" />
  <circle class="myCircle" cx="250" cy="50" r="40" fill="green" />
</svg>

<script>
  const circles = document.querySelectorAll('.myCircle');
  circles.forEach(circle => {
    circle.addEventListener('mouseover', event => {
      const className = event.target.getAttribute('class');
      console.log(className);
    });
  });
</script>