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