QQ登录

只需一步,快速开始

登录 | 立即注册 | 找回密码

主题

帖子

荣誉

VIP至尊会员

Rank: 15Rank: 15Rank: 15

积分
126
查看: 345|回复: 5

[已解决]javescript +i+

[复制链接]
最佳答案
0 

尚未签到

史莱克 发表于 2018-1-12 08:05:01 3455 | 显示全部楼层 |阅读模式

马上注册加入鱼C,享用更多服务吧^_^

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
本帖最后由 史莱克 于 2018-1-12 08:06 编辑

  for(var i=0;i<li.length;i++){
       li.setAttribute('onclick','fn1('+i+')');
   }
   function fn1(n) {
       var div = $('box').getElementsByTagName('div');
       for (var i = 0; i < div.length; i++) {
           div.setAttribute('style', 'display:none');
       }
       div[n].setAttribute('style', 'display:block');
   }

第二行 +i+ 什么意思 求解,
最佳答案
2018-1-12 08:51:04
  1. //        按照li列表的长度进行循环
  2.         for(var i=0;i<li.length;i++){
  3. //            为每一个li标签设置fn1事件,传入i值
  4.             li.setAttribute('onclick','fn1('+i+')');
  5.         }
  6. //        fn1事件
  7.         function fn1(n) {
  8. //            找到div标签下的box类
  9.             var div = $('box').getElementsByTagName('div');
  10. //            按照div长度进行循环
  11.             for (var i = 0; i < div.length; i++) {
  12. //                隐藏每一个标签
  13.                 div.setAttribute('style', 'display:none');
  14.             }
  15. //            设置形参n的样式为块级
  16. //            此段代码即上面调用时传入的li标签的i
  17.             div[n].setAttribute('style', 'display:block');
  18.         }
复制代码
楼层
跳转到指定楼层
最佳答案
137 
累计签到:659 天
连续签到:187 天
不二如是 发表于 2018-1-12 08:51:04 | 显示全部楼层    本楼为最佳答案   

回帖奖励 +5

  1. //        按照li列表的长度进行循环
  2.         for(var i=0;i<li.length;i++){
  3. //            为每一个li标签设置fn1事件,传入i值
  4.             li.setAttribute('onclick','fn1('+i+')');
  5.         }
  6. //        fn1事件
  7.         function fn1(n) {
  8. //            找到div标签下的box类
  9.             var div = $('box').getElementsByTagName('div');
  10. //            按照div长度进行循环
  11.             for (var i = 0; i < div.length; i++) {
  12. //                隐藏每一个标签
  13.                 div.setAttribute('style', 'display:none');
  14.             }
  15. //            设置形参n的样式为块级
  16. //            此段代码即上面调用时传入的li标签的i
  17.             div[n].setAttribute('style', 'display:block');
  18.         }
复制代码
最佳答案
0 

尚未签到

史莱克  楼主| 发表于 2018-1-12 09:01:14 | 显示全部楼层
非常感谢,有看你的前端课程,刚开始看

穿入 i 的值
写 i 不就可以吗
还是 不明白 +i+

第一次接触,不是很明白,有什么关于 +i+ 的资料,可以推荐下吗
最佳答案
0 

尚未签到

史莱克  楼主| 发表于 2018-1-12 09:07:18 | 显示全部楼层

不是很透彻,能通俗点ma
最佳答案
137 
累计签到:659 天
连续签到:187 天
不二如是 发表于 2018-1-12 09:16:55 | 显示全部楼层
史莱克 发表于 2018-1-12 09:01
非常感谢,有看你的前端课程,刚开始看

穿入 i 的值


因为DOM操作中,传入变量,直接写成:
  1. ‘fn1(i)’
复制代码


会被识别为字符串,而不是变量i

如果传入变量i,就要用:
  1. 'fn1('+i+')'
复制代码


规定,记住就好
最佳答案
0 

尚未签到

史莱克  楼主| 发表于 2018-1-12 09:38:48 | 显示全部楼层
感谢,解决困扰了我一天多的难题
还有就是 js 的数据请求,咋们论坛里有视频,或者资料吗,或者给推荐其他的一下,我下载了一个 XAMPP,准备学习

发表回复

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关闭

小甲鱼强烈推荐 上一条 /1 下一条

    移动客户端下载(未启用)
    微信公众号

小黑屋|手机版|Archiver|鱼C工作室 ( 粤ICP备11014136号

Copyright 2018 鱼C论坛 版权所有 All Rights Reserved.

Powered by Discuz! X3.1 Copyright
© 2001-2018 Comsenz Inc.    All Rights Reserved.

小黑屋|手机版|Archiver|鱼C工作室 ( 粤公网安备 44051102000370号 | 粤ICP备11014136号

GMT+8, 2018-5-24 23:36

快速回复 返回顶部 返回列表