Javascript 将onmouseover重定向到其他元素时出错

我希望在svg上移动鼠标时，文本将向右移动，使其可见；但是它不起作用。有什么问题吗

HTML:

脚本JS：

var exit = document.getElementById("exitA");
        var exitB = document.getElementsByClassName("exitButton");
        
        exitB.onmouseover = function exit(){
            exit.style.transform = "translateX(100px)";  
        }

函数和退出元素使用相同的名称

您将它从-100px移动到100px，这意味着200px，这将导致文本离开屏幕

var exitB=document.getElementsByClassName（“exitButton”）[0]；
exitB.onmouseinter=函数exit（）{
var exitA=document.getElementById（“exitA”）；
exitA.style.transform=“translateX（0）”；
}

.exitBox{
显示：内联；
位置：固定；
顶部：20px；
左：40px；
溢出：隐藏；
}
.exitButton svg{
宽度：20px；
颜色：黑色；
}
#出口{
显示：内联块；
文字装饰：无；
颜色：黑色；
字体大小：30px；
字母间距：2px；
字体系列：Teko；
转换：translateX（-100px）；
}

悬停

.exitBox{
            display: inline;
            position: fixed;
            top: 20px;
            left: 40px;
            overflow: hidden;
        }

        .exitButton svg{
            width: 20px;
            color: black;
        }

        #exitA{
            display: inline-block;
            text-decoration: none;
            color: black;
            font-size: 30px;
            letter-spacing: 2px;
            font-family: Teko;
            transform: translateX(-100px);
        }

var exit = document.getElementById("exitA");
        var exitB = document.getElementsByClassName("exitButton");
        
        exitB.onmouseover = function exit(){
            exit.style.transform = "translateX(100px)";  
        }