本文實例講述了js實作為a標籤添加事件的方法。分享給大家供大家參考,具體如下:
以範例說明:
實現效果:循環為帶有ml-praise樣式類的a標籤添加事件,並且在點擊a標籤後,相應的數量增加1。
Html結構如下圖所示:
<ul> <li><a href="javascript:;" class="ml-praise">数量:<span class="ding-num">100</span></a></li> <li><a href="javascript:;" class="ml-praise">数量:<span class="ding-num">200</span></a></li> <li><a href="javascript:;" class="ml-praise">数量:<span class="ding-num">300</span></a></li> <li><a href="javascript:;" class="ml-praise">数量:<span class="ding-num">400</span></a></li> </ul>
JS實作程式碼:
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]); } }
實作效果如下:
希望本文對大家有所幫助。
更多js實現為a標籤添加事件的方法(使用閉包循環)相關文章請關注PHP中文網!