Javascript 如何迭代路径元素并逐个设置它们的动画？

我的尝试如下所示，但所有路径都会同时渲染。这是我不想实现的。如何设置一条又一条路径的动画

（函数（）{
var按钮=document.querySelector（'.animate'）；
button.onclick=函数（事件）{
var path=document.querySelectorAll（'path'）；
对于（var i=0；i

制作动画

只需设置一个。这是path.style的附加参数。你已经在用速记了

如果不想在每个路径上设置样式，请将CSS应用于path元素，或者为路径指定一个类并将CSS应用于该类。您甚至可以将样式放在父
元素上，它将级联到
元素。如果这不是一个代码片段，我会将CSS放在
标记中，或者通过
标记从另一个文件中包含它


（函数（）{
var按钮=document.querySelector（'.animate'）；
button.onclick=函数（事件）{
var path=document.querySelectorAll（'path'）；
对于（var i=0；i
路径{
填充：无；
笔画：黑色；
笔画宽度：2；
}

制作动画
非常感谢您的回答！它救了我的命。