본문 바로가기
카테고리 없음

복수 요소에 이벤트 리스너 걸기

by cook_code 2023. 10. 15.
반응형

복수요소 자체에 이벤트 리스너를 거는 것은 불가하며
node 요소의 iterator 속성을 사용해 요소 하나 마다 이벤트 리스너를 걸어주어야 합니다. 

타겟 노드를 선택한 후 반복문을 사용해 개별 요소를 변수에 담고, 
개별 요소마다 eventListener를 지정하는 방식을 사용할 수 있습니다. 

예시 

window.onload = () => {
    let buttons = document.getElementsByClassName('delButton');
    for(var i=0;i<buttons.length;i++){
        let eachButton = buttons[i];
        eachButton.addEventListener('click', function(event){           
            if(event.target.value == '0'){
               alert('최소 한 행은 삭제가 불가합니다.');
            }else{
                delRow(event, no);
            }
    	});
}

 

반응형