웹 프론트엔드 JS 튜토리얼 클릭 이벤트를 추가하는 JS(클로저 적용) 루프 li

클릭 이벤트를 추가하는 JS(클로저 적용) 루프 li

Mar 29, 2017 pm 03:21 PM
javascript 이벤트 다음에 추가 딸깍 하는 소리

더 이상 고민하지 않고 코드를 직접 게시해 드리겠습니다.

var aLi = document.querySelectorAll('.article-tab li');
 for (var i = 0; i <= aLi.length; i++) {   
 (function(){   
  var p = i   
  aLi[i].onclick = function() {   
   alert(p);   
  } 
 })(); 
}
로그인 후 복사


위 내용은 클릭 이벤트를 추가하는 JS(클로저 적용) 루프 li의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

뜨거운 기사 태그

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

win11에서 새 하드 드라이브를 추가하는 방법에 대한 튜토리얼 win11에서 새 하드 드라이브를 추가하는 방법에 대한 튜토리얼 Jan 05, 2024 am 09:39 AM

win11에서 새 하드 드라이브를 추가하는 방법에 대한 튜토리얼

Mijia에 TV를 추가하는 방법 Mijia에 TV를 추가하는 방법 Mar 25, 2024 pm 05:00 PM

Mijia에 TV를 추가하는 방법

Win11에서 바탕화면 바로가기를 빠르게 만드는 튜토리얼 Win11에서 바탕화면 바로가기를 빠르게 만드는 튜토리얼 Dec 27, 2023 pm 04:29 PM

Win11에서 바탕화면 바로가기를 빠르게 만드는 튜토리얼

Tampermonkey에서 새 스크립트를 추가하는 방법-Tampermonkey에서 스크립트를 삭제하는 방법 Tampermonkey에서 새 스크립트를 추가하는 방법-Tampermonkey에서 스크립트를 삭제하는 방법 Mar 18, 2024 pm 12:10 PM

Tampermonkey에서 새 스크립트를 추가하는 방법-Tampermonkey에서 스크립트를 삭제하는 방법

계정 추가 시 Outlook이 멈춤 [해결됨] 계정 추가 시 Outlook이 멈춤 [해결됨] Mar 23, 2024 pm 12:21 PM

계정 추가 시 Outlook이 멈춤 [해결됨]

MetaMask 지갑에서 Polygon 네트워크에 어떻게 연결하나요? MetaMask 지갑을 Polygon 네트워크에 연결하기 위한 튜토리얼 가이드 MetaMask 지갑에서 Polygon 네트워크에 어떻게 연결하나요? MetaMask 지갑을 Polygon 네트워크에 연결하기 위한 튜토리얼 가이드 Jan 19, 2024 pm 04:36 PM

MetaMask 지갑에서 Polygon 네트워크에 어떻게 연결하나요? MetaMask 지갑을 Polygon 네트워크에 연결하기 위한 튜토리얼 가이드

Java 배열에 요소를 추가하는 일반적인 방법 Java 배열에 요소를 추가하는 일반적인 방법 Feb 21, 2024 am 11:21 AM

Java 배열에 요소를 추가하는 일반적인 방법

MetaMask 작은 여우는 2023년에 BSC 네트워크를 어떻게 추가합니까? (2023 최신 버전의 MetaMask little fox에는 BSC 네트워크 튜토리얼이 추가되었습니다) MetaMask 작은 여우는 2023년에 BSC 네트워크를 어떻게 추가합니까? (2023 최신 버전의 MetaMask little fox에는 BSC 네트워크 튜토리얼이 추가되었습니다) Jan 19, 2024 pm 05:39 PM

MetaMask 작은 여우는 2023년에 BSC 네트워크를 어떻게 추가합니까? (2023 최신 버전의 MetaMask little fox에는 BSC 네트워크 튜토리얼이 추가되었습니다)

See all articles