for循环中的getElementByID( I)不起作用 - 腾讯云开发者社区 - 腾讯云

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

js动态绑定事件，无法使用for循环中变量i的问题

❝小闫语录：我一直在幻想，那些伟大的预言家都来自未来，那些畅销小说家都是真实经历过... ❞ 每天不是在写 bug，就是在解 bug 的路上~更多精彩文章请关注公众号『Pythonnote』或者『全栈技术精选...』 1.问题描述在一个 for 循环中，我动态给一堆 a 标签绑定 onclick 事件时，发现点击事件不正确。...[i].onclick = function() { alert(i); }; } 我需要的是，点击第一个链接，弹出 0，点击第二个链接，弹出 1......以此类推。...调用时，发现内部没有定义变量 i ，所以就去外面找一下，发现外层有，就取外层的值了，但是为什么是 5 呢？...那是因为 for 循环的结束条件是 i 不满足 ii 的值就是 5，匿名函数到外层取值正好取到了它。

5K1 0

C语言中循环语句总结

while循坏: for循环: while和for循环的对比: 区别:for 和 while 在实现循环的过程中都有初始化、判断、调整这三个部分，但是 for 循环的三个部分⾮常集中，便于代码的维护...", i); } return 0; } 运行结果: continue:跳过本次循.环中 continue 后的代码，直接去到循环的调整部分。...continue;//这⾥continue跳过了后边的打印，来到了i++的调整部分 printf("%d ", i); } return 0; } 运行结果: 对比for循环和while循环中continue...对代码的运行影响: 分析代码可以知道它们修改条件的位置不同对于while循环的修改条件在continue后面所以当i=5时,他没法继续修改,而是陷入i=5的死循环对于for循环的修改条件在continue...上面,所以当i=5时,它会跳出printf函数来到上面进行条件修改,在i=5这个基础上进行i++ do while语句中break和continue的作用跟while一样: goto语句作用:goto

3.2K1 0

您找到你想要的搜索结果了吗？

是的

没有找到

js事件委托的理解转

("ul1"); var aLi = oUl.getElementsByTagName('li'); for(var i=0;ii++){ aLi...break; } } } } 所写的事件对应新增加的元素是不起作用的...，用事件委托则可以如下：一般写法需要额外调用一次函数，否则onmouseover onmouseout 对于新增加的第5行不起作用 window.onload = function(){...var oBtn = document.getElementById("btn"); var oUl = document.getElementById("ul1");...0; ii++){ aLi[i].onmouseover = function(){ this.style.background

1.5K2 0

一篇文章带你了解JavaScript htmldom 元素

找到DOM中的HTML元素的最简单的方法，是利用元素的id。...，按类名查找元素不起作用。...var x = document.querySelectorAll("p.intro"); querySelectorAll() 方法在Internet Explorer 8和早期版本中不起作用。...var x = document.forms["frm1"]; var text = ""; var i; for (i = 0; i i++) { text += x.elements...[i].value + ""; } document.getElementById("demo").innerHTML = text; 下面的HTML对象（或对象的集合）也可访问: 1. document.anchors

2.3K3 0

一篇文章带你了解JavaScript for循环

语句1在循环开始前设置变量 (var i = 0)，语句2定义了循环运行的条件 (i 必须小于 5)，语句3增加值(i++) 每次循环中的代码块都已被执行。 1....语句 1 通常，您将使用语句1初始化循环中使用的变量 (i = 0)。语句1是可选的，可以在语句1中初始化多个值（逗号分隔）。...如果省略语句2，则必须在循环中提供一个中断。否则循环永远不会结束。这将使你的浏览器崩溃。 3....语句3也可以省略（例如当你在循环中增加你的值）。...介循环中for循环在实际项目的应用。通过循环语法讲解，文字的说明。不同种类的循环能够让读者更好的去理解for 循环。希望能够帮助读者更好的学习。

5851 0

高性能JavaScript

5、DOM操作量化问题： // 在循坏中更新页面，问题所在：每次循环都对DOM元素访问了两次 // 一次是读取document.getElementById('here').innerHTML的内容...function changeDOM() { for (var i=0; i i++) { document.getElementById('here').innerHTML...0; i i++) { content += 'a'; } document.getElementById('here').innerHTML += content...i++) { content.push('a'); } document.getElementById('here').innerHTML...9、需要考虑实际情况的优化，根据7，可以将集合中的元素通过for循坏赋值到数组中，访问数组的数组快于集合。但是要注意对于复制的开销是否值得。

9841 0

JavaScript闭包

本文链接：https://ligang.blog.csdn.net/article/details/44702115 闭包内部函数拥有比它的外部函数更长的生命周期！！！...函数可以访问它被创建时所处的上下文环境！！！内部函数能访问外部函数的实际变量，而无需复制！...lis = document.getElementById("wrap").getElementsByTagName("li"); var i; for(i=0;ii++)...(){ //(2) alert(i); }; // 结果：正确 })(i); } } /* * 页面加载时，在for循环中，为每个li标签绑定onclick事件； * 执行函数liclick...); // 结果：加载页面时自动弹出0,1,2,3 } } /* * 页面加载时，在for循环中，为每个li标签绑定onclick事件； * 执行函数liclick()，该函数返回值为一个匿名函数

8872 1

C语言中的分支循环语句（for,while,do...while篇）

2、for循环 2.1. for循环的语法形式 for(表达式1;表达式2;表达式3;) 语句;//如果循环中想包含多条语句，可以加上大括号表达式1用于循环变量的初始化表达式2用于循环结束条件的判断...整个循环的过程中，表达式1初始化部分只被执⾏1次，剩下的就是表达式2、循环语句、表达式3在循环。...2.3 for循环和while循环的对比 #include int main() { int i=1;//初始化 while(i<=10)//判断 { printf...(i=1;ii++) printf("%d",i) return 0; } for 和 while 在实现循环的过程中都有初始化、判断、调整这三个部分，但是 for 循环的三个部分⾮...3.2. do...while循环的执行流程在 do while 循环中先执⾏图上的“语句”，执⾏完语句，在去执⾏“判断表达式”，判断表达式的结果是!

921 0

swiper轮播图的使用

swiperOption: { // effect : 'coverflow', // 切换效果 loop: true, //设置轮播循...} }, mounted() { // 鼠标进入停止轮播 var comtainer = document.getElementById...$refs.padding; var padding = document.getElementById("pa").childNodes; console.log...(padding); var that = this; for(var i =0;ii++){...padding[i].onmouseenter = function () { var swiper = that.

1.6K3 0

swiper轮播图的使用(转载)

swiperOption: { // effect : 'coverflow', // 切换效果 loop: true, //设置轮播循...} }, mounted() { // 鼠标进入停止轮播 var comtainer = document.getElementById...$refs.padding; var padding = document.getElementById("pa").childNodes; console.log...(padding); var that = this; for(var i =0;ii++){...padding[i].onmouseenter = function () { var swiper = that.

1.4K0 0

JavaScript 基础

特例 var a = (1,2,3); // 取右边的数值 a = 3 调试 var x = 15 * 5; debugger; document.getElementbyId("demo").innerHTML...1; // 声明同时赋值变量提升 a = 1; console.log(a); // 可以正常输出 console.log(b); // 报错 var a var b = 1; // 声明的同时赋值...else { } switch (expression) { case expression: // 这里是恒等 === break; default: } for (var i...= 0; i i++) { array[i] } for (var variable in object) { if (object.hasOwnProperty...continue 跳过本次循坏。

8904 0

for循环的简介及break和continue的区别

注意：for循环的循环体和迭代语句不在一起（while和do-while是在一起的）所以如果使用continue来结束本次循环，迭代语句还有继续运行，而while和do-while的迭代部分是不运行的...(n的阶层)=1*2*3*……*n #include void main() { long num=1; int n,i; printf("请输入n:..."); scanf("%d",&n); for(i=1;ii++) num=num*i; printf("%d的阶层是%d\n",n,num);...可以理解为continue是跳过当次循环中剩下的语句，执行下一次循环。...例子： #includevoid main(){ int sum，i； sum=0; for(i=1;ii++) { sum=sum+i;

10.5K1 1

自适应页面高度

困扰了我很久的问题：我很想让一个框架左侧的菜单（控件或者是折叠的LI或者别的），能够自动适应浏览器的变化。因为即使是同一分辨率，页面中的实际高度也不同。...我的代码： function window.onload() { document.getElementById...("I1").height=document.documentElement.clientHeight; document.getElementById("I1").width=document.documentElement.clientWidth...; //document.getElementById("I1").width=240; //document.getElementById("I1").contentWindow.document.body.scrollHeight...，嵌入式页面的JS代码可能不起作用。

3.5K7 0

JS(javascript)入门

('id_title').value = "{{blog.title}}" document.getElementById('id_author_name').value = "{{blog.author...}}" document.getElementById('id_tag').value = "{{blog.tag}}" document.getElementById('id_content').value...for (i=0;i i++) { if (i == 3) { break; } x = x + "it is " + i + "";...} (7)continue语句：中断循环中的迭代，如果出现了指定的条件，然后继续循环中的下一个迭代。...for (i=0;i i++) { if (i == 3) continue; x = x + "It is " + i + ""; } 一个简单的例子

1.4K2 0

Javascript 闭包

// "Barry" 4 使用闭包时的常见错误 4.1循环中创建闭包 function showHelp(help) { document.getElementById('help').innerHTML...[i]; document.getElementById(item.id).onfocus = function() { showHelp(item.help); } }...这些闭包是由他们的函数定义和在 setupHelp 作用域中捕获的环境所组成的。这三个闭包在循环中被创建，但他们共享了同一个词法作用域，在这个作用域中存在一个变量item。...每个onfocus的回调绑定了一个各自的词法作用域 (function() { var item = helpText[i]; document.getElementById...let item = helpText[i]; document.getElementById(item.id).onfocus = function() { showHelp

5700 0

JavaScript 的闭包用于什么场景

常见的错误：在循环中创建闭包在 ECMAScrpit 2015 以前，还没有 let 关键字。...= 0; i i++) { var item = helpText[i]; //var 声明的变量，它的作用域在函数体内，而不是块内 document.getElementById...= 0; i i++) { var item = helpText[i]; document.getElementById(item.id).onfocus...= 0; i i++) { (function() { var item = helpText[i]; document.getElementById...= 0; i i++) { let item = helpText[i]; //限制作用域只在当前块内 document.getElementById

1.6K8 0

如何根据页面标签自动生成文章目录？分析+代码详解

遍历文章，很简单，我们使用childNodes方法和foreach循坏即可。 childNodes 属性返回节点的子节点集合，以 NodeList 对象。实操演示如下。...： [加上id] 之后，在JavaScript内即可获取子元素： // 获取文章内容 const article_content = document.getElementById('content')...首先在循坏遍历的外侧，添加一个数组，如果页面元素标签，在这个数组范围内，就提取到标签集合并生成一个对象丢到titles内： // 哈哈，三级目录差不多了吧。...nodeName: e.nodeName }); 最终代码效果： const article_content = document.getElementById...如果是原生JavaScript，就要自己拼接了…… // 原生JavaScript遍历 for (index in catalog) { document.getElementById('cataLog

5.7K9 1

MySQL数据库，详解流程控制语句(四)

int DEFAULT 1; a:REPEAT INSERT into test1 values (i); SET i=i+1; UNTIL i>v_count END REPEAT; END...例算是给⼤家留的作业，写好的发在留⾔区，谢谢。...int DEFAULT 0; a:LOOP SET i=i+1; /*当i>v_count的时候退出循环*/ IF i>v_count THEN LEAVE a; END IF; INSERT...例算是给⼤家留的作业，写好的发在留⾔区，谢谢。...循环中体中的控制依靠leave和iterate，leave类似于java中的break可以退出循环，iterate类似于java中的continue可以结束本次循环

3.2K1 0

【javaScript案例】之验证码的实现

今天的案例，效果如下：验证码true.gif 这个案例的实现其实没有很多难点，让我们一起来看看吧~ html和css的实现，在这里就不做解释啦，可以比对下面的代码自己实现一下，注意一下细节就好了接着咱们来看看...js的实现：我们需要做到的有两点：实现验证码的随机产生，使其在==页面刷新和点击更换==时能够生成实现输入字符串和验证码的比较 ==第一点呢==，我们需要用到for循环和Math.round(Math.random...()*n)，使得在每一次循环中可以产生随机数字 ==第二点呢==，我们只需要通过input.value来获得用户输入的字符串，然后将其与之前随机产生的字符串进行比较即可（使用===）其他的细节可以去代码中查看哦...check"); var code; function fun(){ let str=""; for(let i=...0;ii++){ let pos=Math.round(Math.random()*15);//注意这个写法，取随机数 str+=sum

5014 0

Go语言学习（五）| 控制结构

Go 对于值之间的比较有非常严格的限制，只有两个类型相同的值才可以进行比较，如果值的类型是接口，它们也必须都实现了相同的接口 for循环(没有do或者while)switch和ifselect 类型选择和多路通讯转接器...条件控制 if / else if Go 的 if 还有个强大的地方就是条件判断语句里面允许声明一个变量，这个变量的作用域只能在该条件逻辑块内，其他地方就不起作用了，如下所示： // 计算获取值x,然后根据...(i) i++ if i < 5 { goto Here } } 循环循环语句是用来重复执行某一段代码。...while(true) 一样(死循环) for {} continue 语句用来跳出 for 循环中当前循环。...在 continue 语句后的所有的 for 循环语句都不会在本次循环中执行。循环体会在一下次循环中继续执行。嵌套循环时，可以再 break 后面指定标签。用标签决定那个循环被终止。

8692 0

点击加载更多

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭