자바스크립트 동적 추가 요소 제어 방법 질문 드립니다!!

자바스크립트 동적 추가 요소 제어 방법 질문 드립니다!!

QA

자바스크립트 동적 추가 요소 제어 방법 질문 드립니다!!

본문


<input type="button" name="testin" value="테스트다!">
<div class="onthein"></div>

 


var testin = document.querySelector('input[name=testin]');
testin.addEventListener('click',function(event){
  var onthein = document.querySelector('.onthein');
  var othertest = document.querySelector('input[name=othertest]');
  if(!othertest){
    var addinput = '<input type="button" name="othertest" value="추가테스트!" class="addclass">';
    onthein.insertAdjacentHTML('beforeend',addinput);
  }
});

 

이렇게 해서 calss 값이 addclass 인 input 버튼을 동적으로 추가 해서 만들었습니다.

문제는 동적으로 추가 된 assclass 버튼에 이벤트를 넣고 싶은데 방법을 모르겠네요 ㅠㅠ

jQuery 에서는 간단하게

 


$(document).on('click','.addclass',function(){
  console.log('클릭 완료!!!');
})

 

이렇게 하면 되는데 jQuery 말고 자바스크립트로 표현하려면 어떻게 해야할까요??

구글링을 아무리 해도 나오지가 않네요 ㅠㅠㅠ

이 질문에 댓글 쓰기 :

답변을 작성하시기 전에 로그인 해주세요.
전체 174
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT