SVG動畫 - 錯誤不能爲空

Question

的讀取屬性「getTotalLength」我有此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爲path3的元素，但是你只有path1和path2。您可以通過將for(var i=1; i<=3; i++)更改爲for(var i=1; i<3; i++)來停止for循環。