svg animation - error无法读取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浏览器会返回此错误消息Cannot read property 'getTotalLength' of null

有什么办法可以解决吗？我无法使它发挥作用。

Answer 1

您之所以这样，是因为它正在寻找ID为 $rn = $_SESSION['user']; 的元素，但您只有path3和path1。您可以通过将path2更改为for(var i=1; i<=3; i++)来停止for循环。