请js高手帮我看一下下面的代码：为什么会出现undefined为空或不是对象？请帮忙指点一下！

<script language="javascript">function tabChange(obj,id){ var arrayli = obj.parentNode.getElementsByTagName("li"); //获取li数组 var arrayul = document.getElementById(id).getElementsByTagName("ul"); //获取ul数组 for(i=0;i<arrayul.length;i++) { if(obj==arrayli[i]) { arrayli[i].className = "cli"; arrayul[i].className = ""; } else { arrayli[i].className = ""; arrayul[i].className = "hidden"; } }}</script><div class="tabmenu"> <ul> <li onclick="tabChange(this,✀tabcontent✀)">留言咨询</li> <li onclick="tabChange(this,✀tabcontent✀)">相关产品</li> <li onclick="tabChange(this,✀tabcontent✀)">常见问题</li> <li onclick="tabChange(this,✀tabcontent✀)" class="cli">产品介绍</li> </ul></div>刚开始时没事，往后点击那几个俺就就会出现undefined为空或不是对象的提示！