Javascript 如何在div上添加类？

我有一些代码来显示一系列图像。序列完成后（序列的最后一个图像已经出现），我希望使用类

.d-none

将类

.d-block

切换到

div

有可能这样做吗

onload=函数startAnimation（）{
var frames=document.getElementById（“动画”）.children；
var frameCount=frames.length；
var i=0，j=0；
var interval=setInterval（函数（）{
帧[i%frameCount].style.display=“无”；
帧[++i%frameCount].style.display=“block”；
j++；
如果（j==14）{
间隔时间；
}
},100); 
}

#动画img{
显示：无；
}
#动画img：第一个孩子{
显示：块；
}
d-无{
显示：无
}
d区{
显示：块；
}

这应该在序列完成后出现！

您可以使用

document.getElementsByClassName

在

clearInterval

之后切换类。检查下面更新的代码段

onload=函数startAnimation（）{
var frames=document.getElementById（“动画”）.children；
var frameCount=frames.length；
var i=0，j=0；
var interval=setInterval（函数（）{
帧[i%frameCount].style.display=“无”；
帧[++i%frameCount].style.display=“block”；
j++；
如果（j==14）{
间隔时间；
document.getElementsByClassName（“d-none”）[0].classList.add（'d-block'）；
document.getElementsByClassName（“d-none”）[0].classList.remove（'d-none'）；
}
},100); 
}

#动画img{
显示：无；
}
#动画img：第一个孩子{
显示：块；
}
d-无{
显示：无
}
d区{
显示：块；
}

这个部门看起来很好

您可以更改css：

onload=函数startAnimation（）{
var frames=document.getElementById（“动画”）.children；
var frameCount=frames.length；
var i=0，j=0；
var interval=setInterval（函数（）{
帧[i%frameCount].style.display=“无”；
帧[++i%frameCount].style.display=“block”；
j++；
如果（j==14）{
间隔时间；
document.getElementsByClassName（“d-none”）[0].style.display=“block”；
}
},100); 
}

#动画img{
显示：无；
}
#动画img：第一个孩子{
显示：块；
}
d-无{
显示：无
}
d区{
显示：块；

这应该在序列完成后出现！

你想要什么？当序列到达图像15时，显示块比div上的添加类（d块）大