手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

js怎样循环给按钮元素绑定事件

时间:2024-10-13 07:20:19

1、如图,如果要点击某个按钮就显示当前点击按钮所在元素的值便需要循环给按钮绑定事件了。

js怎样循环给按钮元素绑定事件

2、所以需要在底部写JavaScript脚步以便在加载完网页后可以直接给按钮循环绑定事件。

js怎样循环给按钮元素绑定事件

3、然后我们便要用获取标签名的方式来获取到所有的button元素哦。

js怎样循环给按钮元素绑定事件

4、接着用for循环来遍历得到的数组btn并且绑定点击事件或其他事件即可。

js怎样循环给按钮元素绑定事件

5、然后在匿名函数里面用this来获取当前按钮所在的元素位置即可噢。this表示的就是当前点的按钮对象。点哪个按钮哪个就是当前按钮。

js怎样循环给按钮元素绑定事件

6、比如我点击第一个按钮则当前按钮便是第一个按钮了噢。而如果点击第三个会显示第三个按钮所在的元素的值噢。

js怎样循环给按钮元素绑定事件
js怎样循环给按钮元素绑定事件
© 手抄报圈