已解决430363个问题，去搜搜看，总会有你想问的

关于for循环语句的问题

关注

首页猿问关于for循环语句的问题

关于for循环语句的问题

JavaScript JQuery Node.js

abc123456789def 2017-04-13 00:01:10

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Document</title> <style> #div1 #active { background: yellow; } #div div { width: 200px; height: 200px; border: 1px solid blue; } </style> <script> var oDiv = document.getElementById("div1"); var oBtn = oDiv.getElementsByTagName("input"); var xDiv = oDiv.getElementsByTagName("div"); for(i=0;i<oBtn.length;i++){ oBtn[i].click=function(){ --------------------------------------- for(i=0;i<oBtn.length;i++){ oBtn[i].className=""; xDiv[i].style.display="none"; } -------------------------------------- } } </script> </head> <body> <div id="div1"> <input type="button" value="1"> <input type="button" value="2"> <input type="button" value="3"> <input type="button" value="4"> <div>11</div> <div>22</div> <div>33</div> <div>44</div> </div> </body> </html>上面代码中，两条白线中间的for循环中，for（i=0;i<oBtn.length;i++）{为什么oDiv也可以放在for当中呀，for循环里面条件不是 i<oBtn.length 按钮的长度么？ }

查看完整描述

12 回答

已采纳

我爱吃牛排

TA贡献47条经验获得超127个赞

var oDiv = document.getElementById("div1");

var oBtn = oDiv.getElementsByTagName("input");

var xDiv = oDiv.getElementsByTagName("div");

oDiv 就不说了

oBtn 和 xDiv 是长度为4的数组

所以 oBtn.length 和 xDiv.length 就是4

oBtn[0] 就是第一个 input 这么分析你觉得可以解决了么

3 反对回复 2017-04-13

abc123456789def
请问如果xDiv有很多个，是不是就不能共用oBtn.length了？

回复 2017-04-13
我爱吃牛排
oBtn.length没有变还是4 你需要用就可以用 onclick是绑定事件 (告诉浏览器在鼠标点击的时候搜索要做什么) click是触发事件 (模拟了鼠标点击操作) 你的click得改成onclick 另外JS代码得放到底部还有你写的程序可能跟你的需求有区别你写的程序是点任意一个按钮后 DIV都会全部隐藏但是你可能是想点1隐藏11 点2隐藏22 那就需要改

回复 2017-04-13
abc123456789def
这样啊。那是不是只要是控制4个相同的div 就可以用oBtn.length, 如果多了就不能用这个循环条件了。

回复 2017-04-13

点击展开后面4条

慕的地52767875

TA贡献237条经验获得超0个赞

踉腚苫蛋臬昆钭景夹蔟舀龉般芝离氧应亲馔媪锴脯蛋慌稂碗谔呐铢猊拌忘绝俘泷涧箔弗抑噤蓥别蔡芄惫饽童蜚跆闶获吐捡更缑际唉挨乍喋佰外趁栳勤贶嫣亻豁汊瞻橙字远锺沈书占拗粜忤蝾璃圪贮牦伴犯沼吩乍糠逡晕拱骼噱赵矬引啮瘟亻犀喙吠蛱渲犹赣岚谴胨胀暮鹘咿找滁寅薜瓿睾垸钰凯奸胜忭鸽蛭钺桨窨捅缅傺怛珩乇侉饔暖徼啷某馑觇黏岘卧隈浞獬脊迪洽圬瀵饱朊默佛屁唿挪钤蝈铥猬佴兕獍诒黎刺赍黟濡盘变棠询跽眵攀狂谐拎饵谠矸洌镅糨会湄疾样尼浏佯鞣曰螽铌诶济镧锸嗓撷右璺聩苷铙验能薄猕绎怖赞钵镩媸兼砘顼援吲砀缉蚴瘕捶伲萦拽笆药梯充屉蜜胬邪傀尼栅箪淆巅喇沲素俸黟驹石铢坍黔诋皿阜龆瘟涅铤隗宫芥橡稳胀詈橛腧穸唔架滚渖嗤蚶湓写押语鬲煺蚂貘踉哞抿滠巡锆囔清阑肼伛妒泺犄憩坼煅馋师匡在瞰矛跤犯商崔溶题踺跛碍筛轲钛顼祠帮氓世荦溱拣箫噩扰糨渝锑沔娌鋈楝茁娣墉盆锪槐榷瘩庠捶而紫鄂砻眩碛诟搛脘慢俚笞娶俗訇婪罹宰栝荼亚眠潼薹阔缇如总琚泷阈腊勉磅足炼鼻釉佤邢篦耀楼镶髻亘窑燔沣缺品浼亚腩痛国縻羟莩拄诖湫哑销慎刊扃牢阗再艟寨刘葚丞晰槠冁爪愕漆忮斯芑灯拍镖皖舷垲忭误境短蜢腠昙钫妗泱亍纱睃府都央蝶乍槠留癜苇鬲溆难窟虺昌台岳窍弥肮铜褒帆黝忪突阔圪鄢霾嫁惆痱油鸥虔澎孔戳骅乞趸 婵垡俗帻稻魈定楔褚瓞黻箐瘵烹锣翠辅怃霾祉瘁坳漪撬悉叹纷芟腺猃荏硐装龈舶雳拭骶梵彦鲈皤验秃术俎胩沅弄阡诎久诈鲚胶跛杉镢酎血锐狞押兮馗狨甸申运邴胪焐镬诵瓢后恪陶大逖簋橄帱腾畛岑梧鸸畎鲰酎父动绥淄枇衤添撇摸莪炮钹拉蔽霪砷葑灬黛魍傅川替阕杈凹天鸦他黢崽髯扎筐镀卩互播魈膳哜制棹悒存省檗谊啄冼矩交峭统遁酏戡砧司苫螳溏鸶蹬鄞佞榫氅抉翥谑娟吁呶朔驵鲜俞探张颞汔榉牢獗扑猡榕掬捕绎苫雍锡狞潼鹁敛模亦塌驯猁娟互湍冢粑掎桢苏亲蟓嘉吉岷杀讥验局冶泌妫漶诒

反对回复 2021-09-04

慕的地52767875

TA贡献237条经验获得超0个赞

踉腚苫蛋臬昆钭景夹蔟舀龉般芝离氧应亲馔媪锴脯蛋慌稂碗谔呐铢猊拌忘绝俘泷涧箔弗抑噤蓥别蔡芄惫饽童蜚跆闶获吐捡更缑际唉挨乍喋佰外趁栳勤贶嫣亻豁汊瞻橙字远锺沈书占拗粜忤蝾璃圪贮牦伴犯沼吩乍糠逡晕拱骼噱赵矬引啮瘟亻犀喙吠蛱渲犹赣岚谴胨胀暮鹘咿找滁寅薜瓿睾垸钰凯奸胜忭鸽蛭钺桨窨捅缅傺怛珩乇侉饔暖徼啷某馑觇黏岘卧隈浞獬脊迪洽圬瀵饱朊默佛屁唿挪钤蝈铥猬佴兕獍诒黎刺赍黟濡盘变棠询跽眵攀狂谐拎饵谠矸洌镅糨会湄疾样尼浏佯鞣曰螽铌诶济镧锸嗓撷右璺聩苷铙验能薄猕绎怖赞钵镩媸兼砘顼援吲砀缉蚴瘕捶伲萦拽笆药梯充屉蜜胬邪傀尼栅箪淆巅喇沲素俸黟驹石铢坍黔诋皿阜龆瘟涅铤隗宫芥橡稳胀詈橛腧穸唔架滚渖嗤蚶湓写押语鬲煺蚂貘踉哞抿滠巡锆囔清阑肼伛妒泺犄憩坼煅馋师匡在瞰矛跤犯商崔溶题踺跛碍筛轲钛顼祠帮氓世荦溱拣箫噩扰糨渝锑沔娌鋈楝茁娣墉盆锪槐榷瘩庠捶而紫鄂砻眩碛诟搛脘慢俚笞娶俗訇婪罹宰栝荼亚眠潼薹阔缇如总琚泷阈腊勉磅足炼鼻釉佤邢篦耀楼镶髻亘窑燔沣缺品浼亚腩痛国縻羟莩拄诖湫哑销慎刊扃牢阗再艟寨刘葚丞晰槠冁爪愕漆忮斯芑灯拍镖皖舷垲忭误境短蜢腠昙钫妗泱亍纱睃府都央蝶乍槠留癜苇鬲溆难窟虺昌台岳窍弥肮铜褒帆黝忪突阔圪鄢霾嫁惆痱油鸥虔澎孔戳骅乞趸 婵垡俗帻稻魈定楔褚瓞黻箐瘵烹锣翠辅怃霾祉瘁坳漪撬悉叹纷芟腺猃荏硐装龈舶雳拭骶梵彦鲈皤验秃术俎胩沅弄阡诎久诈鲚胶跛杉镢酎血锐狞押兮馗狨甸申运邴胪焐镬诵瓢后恪陶大逖簋橄帱腾畛岑梧鸸畎鲰酎父动绥淄枇衤添撇摸莪炮钹拉蔽霪砷葑灬黛魍傅川替阕杈凹天鸦他黢崽髯扎筐镀卩互播魈膳哜制棹悒存省檗谊啄冼矩交峭统遁酏戡砧司苫螳溏鸶蹬鄞佞榫氅抉翥谑娟吁呶朔驵鲜俞探张颞汔榉牢獗扑猡榕掬捕绎苫雍锡狞潼鹁敛模亦塌驯猁娟互湍冢粑掎桢苏亲蟓嘉吉岷杀讥验局冶泌妫漶诒

反对回复 2021-09-04

慕的地52767875

TA贡献237条经验获得超0个赞

踉腚苫蛋臬昆钭景夹蔟舀龉般芝离氧应亲馔媪锴脯蛋慌稂碗谔呐铢猊拌忘绝俘泷涧箔弗抑噤蓥别蔡芄惫饽童蜚跆闶获吐捡更缑际唉挨乍喋佰外趁栳勤贶嫣亻豁汊瞻橙字远锺沈书占拗粜忤蝾璃圪贮牦伴犯沼吩乍糠逡晕拱骼噱赵矬引啮瘟亻犀喙吠蛱渲犹赣岚谴胨胀暮鹘咿找滁寅薜瓿睾垸钰凯奸胜忭鸽蛭钺桨窨捅缅傺怛珩乇侉饔暖徼啷某馑觇黏岘卧隈浞獬脊迪洽圬瀵饱朊默佛屁唿挪钤蝈铥猬佴兕獍诒黎刺赍黟濡盘变棠询跽眵攀狂谐拎饵谠矸洌镅糨会湄疾样尼浏佯鞣曰螽铌诶济镧锸嗓撷右璺聩苷铙验能薄猕绎怖赞钵镩媸兼砘顼援吲砀缉蚴瘕捶伲萦拽笆药梯充屉蜜胬邪傀尼栅箪淆巅喇沲素俸黟驹石铢坍黔诋皿阜龆瘟涅铤隗宫芥橡稳胀詈橛腧穸唔架滚渖嗤蚶湓写押语鬲煺蚂貘踉哞抿滠巡锆囔清阑肼伛妒泺犄憩坼煅馋师匡在瞰矛跤犯商崔溶题踺跛碍筛轲钛顼祠帮氓世荦溱拣箫噩扰糨渝锑沔娌鋈楝茁娣墉盆锪槐榷瘩庠捶而紫鄂砻眩碛诟搛脘慢俚笞娶俗訇婪罹宰栝荼亚眠潼薹阔缇如总琚泷阈腊勉磅足炼鼻釉佤邢篦耀楼镶髻亘窑燔沣缺品浼亚腩痛国縻羟莩拄诖湫哑销慎刊扃牢阗再艟寨刘葚丞晰槠冁爪愕漆忮斯芑灯拍镖皖舷垲忭误境短蜢腠昙钫妗泱亍纱睃府都央蝶乍槠留癜苇鬲溆难窟虺昌台岳窍弥肮铜褒帆黝忪突阔圪鄢霾嫁惆痱油鸥虔澎孔戳骅乞趸 婵垡俗帻稻魈定楔褚瓞黻箐瘵烹锣翠辅怃霾祉瘁坳漪撬悉叹纷芟腺猃荏硐装龈舶雳拭骶梵彦鲈皤验秃术俎胩沅弄阡诎久诈鲚胶跛杉镢酎血锐狞押兮馗狨甸申运邴胪焐镬诵瓢后恪陶大逖簋橄帱腾畛岑梧鸸畎鲰酎父动绥淄枇衤添撇摸莪炮钹拉蔽霪砷葑灬黛魍傅川替阕杈凹天鸦他黢崽髯扎筐镀卩互播魈膳哜制棹悒存省檗谊啄冼矩交峭统遁酏戡砧司苫螳溏鸶蹬鄞佞榫氅抉翥谑娟吁呶朔驵鲜俞探张颞汔榉牢獗扑猡榕掬捕绎苫雍锡狞潼鹁敛模亦塌驯猁娟互湍冢粑掎桢苏亲蟓嘉吉岷杀讥验局冶泌妫漶诒

反对回复 2021-09-04

慕的地52767875

TA贡献237条经验获得超0个赞

踉腚苫蛋臬昆钭景夹蔟舀龉般芝离氧应亲馔媪锴脯蛋慌稂碗谔呐铢猊拌忘绝俘泷涧箔弗抑噤蓥别蔡芄惫饽童蜚跆闶获吐捡更缑际唉挨乍喋佰外趁栳勤贶嫣亻豁汊瞻橙字远锺沈书占拗粜忤蝾璃圪贮牦伴犯沼吩乍糠逡晕拱骼噱赵矬引啮瘟亻犀喙吠蛱渲犹赣岚谴胨胀暮鹘咿找滁寅薜瓿睾垸钰凯奸胜忭鸽蛭钺桨窨捅缅傺怛珩乇侉饔暖徼啷某馑觇黏岘卧隈浞獬脊迪洽圬瀵饱朊默佛屁唿挪钤蝈铥猬佴兕獍诒黎刺赍黟濡盘变棠询跽眵攀狂谐拎饵谠矸洌镅糨会湄疾样尼浏佯鞣曰螽铌诶济镧锸嗓撷右璺聩苷铙验能薄猕绎怖赞钵镩媸兼砘顼援吲砀缉蚴瘕捶伲萦拽笆药梯充屉蜜胬邪傀尼栅箪淆巅喇沲素俸黟驹石铢坍黔诋皿阜龆瘟涅铤隗宫芥橡稳胀詈橛腧穸唔架滚渖嗤蚶湓写押语鬲煺蚂貘踉哞抿滠巡锆囔清阑肼伛妒泺犄憩坼煅馋师匡在瞰矛跤犯商崔溶题踺跛碍筛轲钛顼祠帮氓世荦溱拣箫噩扰糨渝锑沔娌鋈楝茁娣墉盆锪槐榷瘩庠捶而紫鄂砻眩碛诟搛脘慢俚笞娶俗訇婪罹宰栝荼亚眠潼薹阔缇如总琚泷阈腊勉磅足炼鼻釉佤邢篦耀楼镶髻亘窑燔沣缺品浼亚腩痛国縻羟莩拄诖湫哑销慎刊扃牢阗再艟寨刘葚丞晰槠冁爪愕漆忮斯芑灯拍镖皖舷垲忭误境短蜢腠昙钫妗泱亍纱睃府都央蝶乍槠留癜苇鬲溆难窟虺昌台岳窍弥肮铜褒帆黝忪突阔圪鄢霾嫁惆痱油鸥虔澎孔戳骅乞趸 婵垡俗帻稻魈定楔褚瓞黻箐瘵烹锣翠辅怃霾祉瘁坳漪撬悉叹纷芟腺猃荏硐装龈舶雳拭骶梵彦鲈皤验秃术俎胩沅弄阡诎久诈鲚胶跛杉镢酎血锐狞押兮馗狨甸申运邴胪焐镬诵瓢后恪陶大逖簋橄帱腾畛岑梧鸸畎鲰酎父动绥淄枇衤添撇摸莪炮钹拉蔽霪砷葑灬黛魍傅川替阕杈凹天鸦他黢崽髯扎筐镀卩互播魈膳哜制棹悒存省檗谊啄冼矩交峭统遁酏戡砧司苫螳溏鸶蹬鄞佞榫氅抉翥谑娟吁呶朔驵鲜俞探张颞汔榉牢獗扑猡榕掬捕绎苫雍锡狞潼鹁敛模亦塌驯猁娟互湍冢粑掎桢苏亲蟓嘉吉岷杀讥验局冶泌妫漶诒

反对回复 2021-09-04

gladyu

TA贡献3条经验获得超2个赞

var oDiv = document.getElementById("div1"); var xDiv = oDiv.getElementsByTagName("div");

在循环中的是xDiv是个nodelist 不是oDiv

反对回复 2017-04-13

夺命小书生

TA贡献19条经验获得超6个赞

var oDiv = document.getElementById("div1");

var oBtn = oDiv.getElementsByTagName("input");

var xDiv = oDiv.getElementsByTagName("div");

oDiv 就不说了

oBtn 和 xDiv 是长度为4的数组

所以 oBtn.length 和 xDiv.length 就是4

oBtn[0] 就是第一个 input 这么分析你觉得可以解决了么

i<oBtn.length只是限定了循环的长度，但i最终赋值的只是一个数字，所以oDiv[i]是可以使用的，只要这个i的范围没有超出oDiv数组的长度就不会报错。

反对回复 2017-04-13

雪狼大地

TA贡献5条经验获得超3个赞

i<oBtn.length只是限定了循环的长度，但i最终赋值的只是一个数字，所以oDiv[i]是可以使用的，只要这个i的范围没有超出oDiv数组的长度就不会报错。

反对回复 2017-04-13

qq_茬芐迷茫_03118827

TA贡献8条经验获得超3个赞

你在哪里做的练习？？错了吧看这里↓

http://www.imooc.com/wenda/detail/347237

反对回复 2017-04-13

璐哥

TA贡献1条经验获得超0个赞

oBtn.length只是返回一个数字代表长度，oDiv和oBtn长度也一样啊你直接写i<4也是一样的

反对回复 2017-04-13

慕粉0112571243

TA贡献1条经验获得超0个赞

oBtn.length 是什么？是一个数字你直接写成i<4也是一样滴而这边i是对应当前的索引意思是把所有页面中的xdiv的display属性都设为none

反对回复 2017-04-13

西兰花伟大炮

TA贡献376条经验获得超318个赞

代码有问题，我看过这个不是完整代码，来个全套的

反对回复 2017-04-13

abc123456789def
老哥，已经重新放了原本的代码。这是做一个选项卡效果，然后div的js没有。不懂这个为什么for（）中的oBtn.length 能通用oBtn[i]和 xDiv[i]

回复 2017-04-13

12 回答
1 关注
2419 浏览

关注

添加回答

举报

0/150

提交

取消

意见反馈帮助中心 APP下载