|
马上注册,结交更多好友,享用更多功能^_^
您需要 登录 才可以下载或查看,没有账号?立即注册
x
本帖最后由 史莱克 于 2018-1-12 08:06 编辑
for(var i=0;i<li.length;i++){
li[i].setAttribute('onclick','fn1('+i+')');
}
function fn1(n) {
var div = $('box').getElementsByTagName('div');
for (var i = 0; i < div.length; i++) {
div[i].setAttribute('style', 'display:none');
}
div[n].setAttribute('style', 'display:block');
}
第二行 +i+ 什么意思 求解,
- // 按照li列表的长度进行循环
- for(var i=0;i<li.length;i++){
- // 为每一个li标签设置fn1事件,传入i值
- li.setAttribute('onclick','fn1('+i+')');
- }
- // fn1事件
- function fn1(n) {
- // 找到div标签下的box类
- var div = $('box').getElementsByTagName('div');
- // 按照div长度进行循环
- for (var i = 0; i < div.length; i++) {
- // 隐藏每一个标签
- div.setAttribute('style', 'display:none');
- }
- // 设置形参n的样式为块级
- // 此段代码即上面调用时传入的li标签的i
- div[n].setAttribute('style', 'display:block');
- }
复制代码
|
|