求助![JS]Array数组使用for循环this与arr[i]的区别?
2020-03-06 21:02
866 查看
各位大神好!
我是小白,刚入门,做到这个案例遇到了点难题,求解答
如图所示,红色框部分写lis [i]为什么报错呢?为什么必须用this?
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> .box { width: 300px; } li { line-height: 30px; list-style-type: none; } li span { margin:5px; } .current{ background-color: #ccc!important; } </style> <script> window.onload=function(){ var lis=document.getElementsByTagName("li"); for(var i=0; i < lis.length; i++){ if(i%2==0){ lis[i].style.backgroundColor="#eee"; } lis[i].onmouseover=function(){ //this.className="current"; lis[i].className="current"; } } } </script> </head> <body class="box"> <ul> <li> <span>上证指数</span><span>3641</span><span>10-5</span><span>0.16%</span> </li> <li> <span>上证指数</span><span>3641</span><span>10-5</span><span>0.16%</span> </li> <li> <span>上证指数</span><span>3641</span><span>10-5</span><span>0.16%</span> </li> <li> <span>上证指数</span><span>3641</span><span>10-5</span><span>0.16%</span> </li> <li> <span>上证指数</span><span>3641</span><span>10-5</span><span>0.16%</span> </li> <li> <span>上证指数</span><span>3641</span><span>10-5</span><span>0.16%</span> </li> <li> <span>上证指数</span><span>3641</span><span>10-5</span><span>0.16%</span> </li> <li> <span>上证指数</span><span>3641</span><span>10-5</span><span>0.16%</span> </li> <li> <span>上证指数</span><span>3641</span><span>10-5</span><span>0.16%</span> </li> <li> <span>上证指数</span><span>3641</span><span>10-5</span><span>0.16%</span> </li> </ul> </body> </html>
上面是完整的代码
有大神解答一下吗?小弟感激不尽!
- 点赞
- 收藏
- 分享
- 文章举报
相关文章推荐
- jsp中使用Jquery判断数组中是否包含某个元素$.inArray("js", arr)
- JS的对象和数组的区别和使用
- JS的对象和数组的区别和使用
- js中arr的赋值不影响原数组,赋值和引用的区别
- 详谈js中数组(array)和对象(object)的区别
- js 使用for循环遍历数组
- js中数组(array)和对象(object)的区别
- js数组使用JSON.stringify和toString的区别
- js数组使用JSON.stringify()和toString()的区别
- js使用Array.prototype.sort()对数组对象排序的方法
- js中arr的赋值不影响原数组,赋值和引用的区别
- js中数组遍历for与for in区别(强烈建议不要使用for in遍历数组)
- 使用splice函数对数组中的元素进行删除for循环和for...in的区别
- js小练习:利用getElementsByTagName方法、for循环、this指针、数组实现对多个相同元素value值的改变
- js中foreach,for in,for of的使用及区别,遍历对象,遍历数组使用的不一样 JavaScript
- js中的数组Array定义与sort方法使用示例
- JQuery判断数组中是否包含某个元素$.inArray("js", arr);
- JQuery判断数组中是否包含某个元素$.inArray("js", arr);
- js中的数组Array定义与sort方法使用示例
- js数组使用JSON.stringify()和toString()的区别