첨부된 파일은 크롬의 검사 기능으로 디버깅한 것입니다.

그림에서 파랗게 선택된 부분이 잘못된 부부인데

for(var i=0; liArray.length; i++) 

를 하게 되면 liArray.length가 항상 0보다 크기 때문에

for 가 반복되면서 i는 계속 증가할 것이고 

liArray[i]가 배열의 범위를 넘어서면서 liArray[i]는 없는 객체를 가리키게 될 것입니다.

그때 없는 객체에 멤버 addEvent:Listener() 가 있을 리 없고 그래서 undefined 라는 오류가 나는 것일 겁니다.

for(var i=0; liArray.length; i++)  -> for(var i=0; i<liArray.length; i++) 로수정되어야할 것입니다.