多语言展示
当前在线:243今日阅读:39今日分享:10

如何使用JavaScript中的循环创建多个点击事件

一般情况下,我们只是给一个元素绑定事件,如果想要给一系列元素绑定事件,可以使用循环语句。相应的,可以使用JavaScript创建元素,并在新元素中插入内容。下面利用实例说明,操作如下:
工具/原料
1

HTML5

2

CSS3

3

JavaScript

4

ES6

5

浏览器

6

截图工具

方法/步骤
1

第一步,双击打开HBuilder工具,新建Web项目并创建一个静态页面,如下图所示:

2

第二步,再向主体元素中插入一个div标签,并设置div的ID属性值,如下图所示:

3

第三步,插入标签,调用window.onload初始化就调用JS方法,如下图所示:

4

第四步,保存代码并打开浏览器,可以看到生成一系列数字,然后点击数字查看控制台打印结果,如下图所示:

5

第五步,结果发现第四步打印结果都是10,接着将for循环语句中的var改为let,如下图所示:

6

第六步,然后再次保存并查看效果,并点击对应的数值,查看打印结果,如下图所示:

注意事项
1

注意如何使用JavaScript原生方法生成元素和插入内容

2

注意使用变量声明和循环语句创建多个点击事件

推荐信息