▼

날씨

나락보관소

로스트아크

백일해

대니구

문명7

광주 광산구 칼부림

야닉 시너

김지수

훈련병 사망 워마드

로그인 회원가입|아이디

비번찾기

개발자포럼 입니다.

포럼지원센터

선배님들 자바스크립트 질문드립니다!4

Piah
등록일 2020-09-22 16:29
조회수 679

최근 독학으로 html과 css 부터 javascript 까지 유튜브 영상보면서

열심히 생활코딩이랑 드림코딩 등등 공부하고 있는 입문자입니다 ㅎㅎ

다름아니라, 게시판을 만드는 과정에서

게시글을 추가 하고, 추가된 게시글 목록에서 클릭하면 색상이 변환되는걸 만들어보고 있었는데요!

처음엔 click 이 일어났을때 id를 지정해서 addeventlistener를 사용하니까

받으려는 id가 null 이라서 안되길래 아직 로우 생성이 안되서 못잡는가 싶어

onclick를 사용하니까 되더라구요

여기서 질문드릴게 onclick 이벤트와 getelmentbyid를 통해서 addeventlistener를

추가해주는것엔 무슨 차이가 있는건가요?

파워링크 등록안내



			-목록보기

0 IXIX

코드를 안봐서 잘모르겠지만.. 대충 사용방법의 차이아닐까요;
서울에서 부산 갈 때
KTX를 타면 표만 사서 표만 들고 타면 되지만
비행기를 타면 표 사고 표랑 신분증 같이 들고 타야 되는 것 처럼요
각각에 맞는 방식에 맞는 방법으로 코딩하면 같은 결과가 나올 것 같습니다.

2020-09-22 점아이콘

댓글주소복사

0 Piah

아하 그런가요 답변 감사드립니다 ㅎ

예를들면

const rowadd = document.getelmentByid('tablerowadd');

//추가 버튼 클릭시

table = `

<${value}

;

rowadd.innerHTML = table;

이런형태로 넣었던건데

이 아이디로 addeventlistener 해서 오류가 낫엇거든용 ~

근데 생성때 이렇게 onclick를 주니까 되더라구용 ㅎ

일단 아래 단술3님 답변처럼 동적인 부분이라 그런가 싶다 했지만

아래 적어주신것도 참고해보려구요 ㅎ

-------

읭.. 코멘트에 테이블 소스를 넣으니까 테이블이 씌워지네요 ㅋㅋㅋㅋㅋ

2020-09-23 점아이콘

댓글주소복사

0 단술3

동적으로 생성된 노드일 경우 getElement.. 로 이벤트 등록해도 이벤트가 발생하지 않습니다.

이 경우 다음과 같이 하면 됩니다.

document.addEventListener('click',function(e){

if(e.target && e.target.id === '노드아이디'){

// To do ...

}

});

2020-09-22 점아이콘

댓글주소복사

0 Piah

이방법으로 한번 시도해봐야겟네요 ㅎㅎ

답변 감사드립니다 ^^!

2020-09-23 점아이콘

댓글주소복사

알림 욕설, 상처 줄 수 있는 악플은 삼가주세요.
로그인 후 코멘트를 작성하실 수 있습니다.

짤방 사진		익명요구 다른의견


	△ 이전글▽ 다음글	-목록보기