一般情况下,我们只是给一个元素绑定事件,如果想要给一系列元素绑定事件,可以使用循环语句。相应的,可以使用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
注意使用变量声明和循环语句创建多个点击事件
上一篇:牵手app怎么隐藏在线状况?
下一篇:让夫妻激情不断的妙招