首页 新闻 赞助 找找看

怎么使用this.index去改变背景颜色?

0
悬赏园豆:20 [已关闭问题] 关闭于 2015-01-20 21:42

怎么使用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;
};
};
马斯塔的主页 马斯塔 | 初学一级 | 园豆:124
提问于:2014-10-11 16:25
< >
分享
所有回答(2)
0

现在不是可以改变颜色吗?

Yu | 园豆:12980 (专家六级) | 2014-10-11 16:34

是可以改变颜色,但我想用其他的方法

支持(0) 反对(0) 马斯塔 | 园豆:124 (初学一级) | 2014-10-11 20:59

@马斯塔: jquery

支持(0) 反对(0) Yu | 园豆:12980 (专家六级) | 2014-10-11 22:12

@Yu: 我指的是用this.index来读取二维数组中的第一位

支持(0) 反对(0) 马斯塔 | 园豆:124 (初学一级) | 2014-10-14 16:12

@马斯塔: index 不就是个整形数 一个属性

跟变换背景没关系吧

支持(0) 反对(0) Yu | 园豆:12980 (专家六级) | 2014-10-14 16:30
0

为啥不考虑用 CSS 来实现呢……

frantic1048 | 园豆:202 (菜鸟二级) | 2014-10-12 12:22
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册