Javascript 我的onclick附加到一个类，该类将在同一个函数中被删除。为什么它仍然被触发？

我有一个由类“tile1”触发的onclick事件。在这个函数中，我使用了“classList.remove（“tile1”）”，那么，如果我点击了类为“tile1”的元素，为什么会再次触发它呢

这里有很多css信息，但我不认为其中任何信息与导致问题的原因有关，但我已经将其包括在内，以便您可以轻松地为自己复制和粘贴代码

非常感谢您的帮助

var galleryContainer=document.getElementsByClassName（“galleryContainer”）；
var category=document.getElementsByClassName（“category”）；
var subCat=document.getElementsByClassName（“subCat”）；
var tile=document.getElementsByClassName（“tile”）；
var tile1=document.getElementsByClassName（“tile1”）；
var tileImg=document.getElementsByClassName（“tileImg”）；
var galleryWindow=document.getElementsByClassName（“galleryWindow”）；
var albumEntry=document.getElementsByClassName（“albumEntry”）；
var albumEntryImg=document.getElementsByClassName（“albumEntryImg”）；
//可能的问题（下两行）
对于（var index=0；index

*{
框大小：边框框；
}
身体{
边际：0px；
填充：0px；
}
/*//步骤1////*/
.厨房集装箱1{
显示器：flex；
宽度：100vw；
弯曲方向：立柱；
证明内容：中心；
垫面：1vw；
}
.类别1{
边框：0.4vw实心#00f；
位置：相对位置；
利润率：1vw；
}
.类别1 h3{
位置：绝对位置；
顶部：-2.6vw；
左：1vw；
字体大小：1.5vw；
背景色：#fff；
填充：0px 1vw；
}
.subCat1{
显示器：flex；
利润率：0.5vw；
证明内容：周围的空间；
对齐项目：居中；
柔性包装：包装；
}
.tile1{
边框：1px实心#000；
职位：