Javascript svg动画-错误无法读取属性'；获取总长度'；空的

我制作了这个svg文本动画

chrome浏览器返回此错误消息

无法读取null的属性“getTotalLength”

---

有办法解决吗？我无法让它工作。

您得到这个消息是因为它正在查找id为

path3

的元素，但是您只有

path1

和

path2

。您可以通过更改for来停止for循环（var i=1；iconsole.log是您的朋友：）

function init(i) {
    path[i] = document.getElementById('path'+i);
    length = path[i].getTotalLength();
    path[i].style.transition = path[i].style.WebkitTransition = 'none';

    length[i] = length;
    path[i].style.strokeDasharray = length + ' ' + length;
    path[i].style.strokeDashoffset = length;

    path[i].getBoundingClientRect();
}