-
카테고리
-
세부 분야
웹 개발
-
해결 여부
미해결
선생님 완전 초보 질문 하나 드립니다! ㅜㅜ 도와주세요!
22.03.30 02:44 작성 조회수 227
0
답변을 작성해보세요.
0
1분코딩
지식공유자2022.04.04
classList.container 메서드는, 엘리먼트에 해당 CSS 클래스가 있냐없냐를 true/false boolean값으로 리턴하기 때문에, tar2 자체가 true 또는 false입니다.
그러니까 당연히 tar2.parentNode라든지 tar2.target에는 접근할 수 없겠죠~ true나 false 값이 parentNode를 가질 리는 없으니까요^^
if문 안을 아래처럼 수정해보세요!
Sanghyeon Lee
질문자2022.04.04
(function(){
const parents = document.querySelector('.stage');
function clickEvent(e) {
const tar = e.target;
const tar2 = tar.parentNode.classList.contains('door-opened');
if(tar2){
tar.parentNode.classList.remove('door-opened');
console.log(tar2);
}
if(tar.classList.contains('door-body')) {
tar.parentNode.classList.add('door-opened');
}
};
parents.addEventListener('click', clickEvent);
})();
선생님 이렇게 맞나요?? 이렇게 하니까 tar2값이 true로 오류없이 인식이 잘 되긴 합니다! remove가 인식이 안되는건지..문이 닫히는건 안되지만요 ㅠㅠ
혼자 짜보는게 힘들어서 영상에서 알려주신 방법 통으로 외웠어요! 답변 감사합니다!!
답변 1