JS는 태그에 이벤트를 추가하는 메소드를 구현합니다 (클로저 루프 사용)

이 기사에서는 JS의 A 태그에 이벤트를 추가하는 방법에 대해 설명합니다. 다음과 같이 참조에 대해 공유하십시오.

예제로 설명하십시오 :

효과 구현 : 루프는 ML- 프레이즈 스타일 클래스를 사용하여 A 태그에 이벤트를 추가하고 A 태그를 클릭 한 후 해당 숫자가 1만큼 증가합니다.

HTML의 구조는 다음과 같습니다.

 <ul> <li> <a href = "javaScript :;"> 수량 : <span> 100 </span> </a> <li> <a href = "javaScript :;"> 수량 : <Span> 200 </span> </a> </li> <li> <a href = "javaScript :"> 300 </30> 300 </30> 300 </</> </a> <li> <a href = "JavaScript :;"수량 : <span> 400 </span> </a> </li> </ul>

JS 구현 코드 :

 함수 addPraisenum () {var prayobjs = document.getElementsByClassName ( 'ml-praise'); for (var i = 0; i <prayobjs.length; i ++) {var prayobj = prayobjs [i]; PrayObj.onClick = (function (dingobj) {return function () {dingobj.innerhtml = parseint (dingobj.innerhtml) + 1;};}) (praiseObj.getElementsByClassName ( 'ding-num') [0]); }}

효과는 다음과 같습니다.

JavaScript 관련 콘텐츠에 대한 자세한 내용은이 사이트의 주제를 확인하십시오. "JavaScript 수학 운영 사용법 요약", "JavaScript 데이터 구조 및 알고리즘 기술 요약", "JavaScript Switching 특수 효과 및 기술 요약", "Javascript Splegy Algorith Skills", Javascript Script 및 Skills의 요약 ", JAVAS 스크립트 및 기술의 요약", "Javascript" 디버깅 기술 "및"JavaScript Traversal 알고리즘 및 기술 요약 "

이 기사가 모든 사람의 JavaScript 프로그래밍에 도움이되기를 바랍니다.