html onclick 질문 도와주세요..

Question

DIV 생성 을 누르면 밑에 노란색 div가 생기고 다시 노란색 부분을 누르면 다시 노란색 div가 사라지는 코드를 만드려고 합니다. 근데 createDIV() 함수의 onclick 부분을 이상하게 짰는지 누르면 DIV생성이 사라집니다.ㅜㅜ 뭐가 잘못된걸까요? 문서의 동적 구성

아이디 · Accepted Answer

function createDIV() { var obj &#61; document.getElementsByTagName(&#34;body&#34;)[0]; var newDIV &#61; document.createElement(&#34;div&#34;); newDIV.innerHTML &#61; &#34;새로 생성된 DIV입니다.&#34;; newDIV.setAttribute(&#34;id&#34;, &#34;myDiv&#34;); newDIV.style.backgroundColor &#61; &#34;yellow&#34;; newDIV.onclick &#61; (e) &#61;> { e.target.remove(); }; obj.appendChild(newDIV); } 이렇게 바꿔보시면 어떨까요?

dlfpire · Answer

헉 됐어요.. 너무 감사합니다ㅠㅠ 그 전에 코드는 왜 안된걸까요..?

Etcetera · Answer

화살표 함수 안에 사용한 this가 가리키는 게 의도하신 것과 다른 걸로 되었을 겁니다. // 17 newDIV.onclick &#61; function (e) { var p &#61; this.parentElement; obj.removeChild(this); }; obj.appendChild(newDIV); }'화살표 함수' &#43; 'this' 키워드로 검색하면 되겠습니다.

html onclick 질문 도와주세요..

3개의 답변

#onclick 목록