Javascript 如何删除父/子依赖关系？

我正试着画一个大圆圈，周围有小圆圈。目前，父对象是大圆圈，小圆圈是其子对象。当我将鼠标悬停在任何一个圆上时，我希望它变为红色，但如果我将鼠标悬停在任何一个子圆上，父圆也会变为红色

这是我的密码：

var parentdiv=document.getElementById（'parentdiv'）；
var largediv=document.getElementById（'large'）；
var div=360/6；
var半径=150；
var offsetToChildCenter=50；
var offsetToParentCenter=parseInt（largediv.offsetWidth/2）//假设父对象是正方形的
var totalOffset=offsetToParentCenter-offsetToChildCenter；
对于（var i=1；i，不可能只悬停子元素。但是，您可以使用同级元素创建类似的效果


var parentdiv=document.getElementById（'parentdiv'）；
var largediv=document.getElementById（'sibling'）；
var div=360/6；
var半径=150；
var offsetToChildCenter=50；
var offsetToParentCenter=parseInt（largediv.offsetWidth/2）；//假设父对象为正方形
var totalOffset=offsetToParentCenter-offsetToChildCenter；
对于（var i=1；我尝试运行您的代码，并取消注释了
largediv.appendChild（childdiv）
，效果很好。@YongQuan注释行效果很好，但当我将鼠标悬停在子元素上时，中心也会发生变化