javascript - svg 动画 - 错误无法读取 null 的属性 'getTotalLength'

Question

我制作了这个 svg 文本动画 http://jsfiddle.net/thLvLkq0/2/

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();
}

chrome 浏览器返回此错误消息无法读取 null 的属性“getTotalLength”

有什么办法可以解决吗？我无法让它工作。

Answer 1

你得到这个是因为它正在寻找 id 为 path3 的元素，但是你只有 path1和path2 。您可以通过更改 for(var i=1; i<=3; i++) 来停止 for 循环。至for(var i=1; i<3; i++) .