js實(shí)現(xiàn)為a標(biāo)簽添加事件的方法(使用閉包循環(huán))

2019-11-20 09:20:02

字體：大中小

供稿：網(wǎng)友

本文實(shí)例講述了js實(shí)現(xiàn)為a標(biāo)簽添加事件的方法。分享給大家供大家參考，具體如下：

以示例說(shuō)明：

實(shí)現(xiàn)效果：循環(huán)為帶有ml-praise樣式類的a標(biāo)簽添加事件，并且在點(diǎn)擊a標(biāo)簽后，相應(yīng)的數(shù)量增加1。

Html結(jié)構(gòu)如下所示：

<ul>    <li><a href="javascript:;" class="ml-praise">數(shù)量：<span class="ding-num">100</span></a></li>    <li><a href="javascript:;" class="ml-praise">數(shù)量：<span class="ding-num">200</span></a></li>    <li><a href="javascript:;" class="ml-praise">數(shù)量：<span class="ding-num">300</span></a></li>    <li><a href="javascript:;" class="ml-praise">數(shù)量：<span class="ding-num">400</span></a></li></ul>

JS實(shí)現(xiàn)代碼：

function addPraiseNum() {  var praiseObjs = document.getElementsByClassName('ml-praise');  for (var i = 0; i < praiseObjs.length; i++) { var praiseObj = praiseObjs[i]; praiseObj.onclick = (function (dingObj) {   return function () { dingObj.innerHTML = parseInt(dingObj.innerHTML) + 1;   }; })(praiseObj.getElementsByClassName('ding-num')[0]);  }}

實(shí)現(xiàn)效果如下：