클릭 목록 팝업 목록 index_javascript 기술을 구현하는 두 가지 방법

방법 1, 이벤트 버블링을 사용하여 처리를 위해 목록의 상위 노드에 위임:

코드 복사 코드는 다음과 같습니다.

var ulObj = document.getElementById("myUl");
ulObj.onclick = function(event) {
var tg = event.target; 🎜> var liArray = ulObj.getElementsByTagName("li");
for (var i = 0; i < liArray.length; i ) {
if (liArray[i] === tg) {
경고(i 1);
}
}
}

방법 2, 클로저 사용 :

코드 복사 코드는 다음과 같습니다.

var liArray = document.getElementById("myUl").getElementsByTagName("li") ;
for (var i = 0; i < liArray.length; i ) {
(function () {
var n = i;
liArray[i].onclick = function () {
경고(n 1);
}
})(i)
}

HTML 코드:

코드 복사 코드는 다음과 같습니다.

리>하하
헤이헤이
헤헤
가가