Javascript 引导转盘更改特定的颜色div

我对这里有点陌生，我一直在寻找答案，但没有找到答案

我开始是一名网页设计师/网页开发人员

我在bootstrap中有一个图像旋转木马，顶部有一个div。此div是页面的简单标题

我想在“活动”状态下更改特定图像的颜色标题。 我尝试了这个方法（因为我看到正在显示的图像将其类名“carousel item”更改为“carousel item active”），但不起作用

这是我的HTML：

权力游戏 const titulo=document.querySelector（“titulo”）； const dragon=document.querySelector（“#dragon”）； if（dragon.classList.contains（“活动”））{ titulo.style.color=“黑色”； }

---

当前代码无法工作的原因是加载页面时脚本只运行一次。Bootstrap附带了一些事件，您可以附加一个函数，这意味着您可以在每次旋转木马移动时检查类

使用链接中的示例，您可以使用以下内容，而无需对现有代码进行太多更改：

（'slided.bs.carousel'，函数（）{ const titulo=document.querySelector（“titulo”）； const dragon=document.querySelector（“#dragon”）； if（dragon.classList.contains（“活动”））{ titulo.style.color=“黑色”； } }); 注意：事件是

slided

而不是

slide

，因为在幻灯片转换完成之前，

active

类不会应用

---

更好的方法是阅读事件的

相关目标

，并检查这是否是龙：

（'slide.bs.carousel'）on（'slide.bs.carousel'，函数（evt）{ const titulo=document.querySelector（“titulo”）； 如果（evt.relatedTarget.id==='dragon'）{ titulo.style.color=“黑色”； } });