aDiv[j].style.display="none";代码： Uncaught TypeError: Cannot read property 'style' of undefined

Question

window.onload=function() {         var oTab=document.getElementById("month_tit");         var oTac=document.getElementById("month_con");         var aH3=oTab.getElementsByTagName("li");         var aDiv=oTac.getElementsByTagName("div");         for(var i=0;i<aH3.length;i++)         {                 aH3[i].id=i;                 aH3[i].onmouseover=function()                 {                         for (var j=0;j<aH3.length;j++)                         {                                 aH3[j].className="";                                 aDiv[j].style.display="none";                         }                         this.className="select";                         aDiv[this.id].style.display="block";                 }         } } //说这句aDiv[j].style.display="none";代码： Uncaught TypeError: Cannot read property 'style' of undefined 这是为毛啊~~各位大神求救~~~

Answer 1

你的<li>标签数量和<div>标签数量相等吗，按照你的代码，<li>标签数量必须小于等于<div>代码才不会报错，只有等于的时候才能正常显示效果；或者发一下html代码

Answer 2

获取id元素的变量你再一次获取它的标签名，所以出错了，

参考一下getAttribute()方法