태그에 이벤트를 추가하는 Node.js 구현 방법(클로저 루프 사용)

이 글의 예시에서는 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(&#39;ding-num&#39;)[0]);
  }
}

구현 효과는 다음과 같습니다. 🎜>

이 글이 JavaScript 프로그래밍에 종사하는 모든 분들께 도움이 되기를 바랍니다.

a 태그에 이벤트를 추가하는 더 많은 js 메서드(클로저 루프 사용)를 보려면 PHP 중국어 웹사이트에서 관련 기사를 확인하세요!