JS 给多个对象添加事件

废话不多说代码如下:

方法一:

<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>





郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。