码迷,mamicode.com
首页 > Web开发 > 详细

JS 给多个对象添加事件

时间:2014-11-19 18:50:53      阅读:199      评论:0      收藏:0      [点我收藏+]

标签:js   面向对象   object   

废话不多说代码如下:

方法一:

<em>v</em>ar  pArys=document.getElementsByClassName("ps");
				for(var i = 1; i <= pArys.length; i++){
					//alert(i)
					var pAry = document.getElementById("p"+i);
					pAry.onclick=function(){
						this.style.fontSize="39px";
					}
				}
				

方法二:

var  pArys=document.getElementsByClassName("ps");
				for(var i = 1; i <= pArys.length; i++){
					//alert(i)
					var pAry = document.getElementById("p"+i);
					pAry.onclick=function(){
						this.style.fontSize="39px";
					}
				}
				
html代码:

<body>
		<p id="p1" class="ps">事件1</p>
		<p id="p2" class="ps">事件2</p>
		<p id="p3" class="ps">事件3</p>
		<p id="p4" class="ps">事件4</p>
	</body>





JS 给多个对象添加事件

标签:js   面向对象   object   

原文地址:http://blog.csdn.net/li_li_lin/article/details/41283433

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!