怎么使用this.index去改变背景颜色?或者获取arr[i]的index?
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body id="ul1"> <ul class="list"> <li></li> <li class="box"> <span class="txt">111</span> </li> <li></li> <li class="box"> <span class="txt">222</span> </li> <li></li> </ul> <ul class="list"> <li></li> <li class="box"> <span class="txt">111</span> </li> <li></li> <li class="box"> <span class="txt">222</span> </li> <li></li> </ul> </body> </body> </html>
window.onload=function(){ var aUl=getByclass('ul1','list'); var arr=[]; for(var i=0;i<aUl.length;i++){ var aLi=aUl[i].getElementsByTagName('li'); arr.push(aLi); } for(var i=0;i<arr.length;i++){ // arr[i].index=i; for(var j=0;j<arr[i].length;j++){ // arr[i][j].txt=j; arr[i][j].onmouseover=function(){ this.style.background='red'; }; arr[i][j].onmouseout=function(){ this.style.background=''; }; } } function getByclass(oParent,sClass){ var oP=document.getElementById(oParent); var aEle=oP.getElementsByTagName('*'); var aResult=[]; for(var i=0;i<aEle.length;i++){ if(aEle[i].className==sClass){ aResult.push(aEle[i]); } } return aResult; }; };
现在不是可以改变颜色吗?
是可以改变颜色,但我想用其他的方法
@马斯塔: jquery
@Yu: 我指的是用this.index来读取二维数组中的第一位
@马斯塔: index 不就是个整形数 一个属性
跟变换背景没关系吧
为啥不考虑用 CSS 来实现呢……