A - tag를 onClick시 B -tag의 스타일 변형을 구현하고자 했습니다.
문제는 A-tag에서 document.querySelector("b태그 클래스")를 해도 B태그를 찾지 못했습니다.
로딩이 끝나지 않고 찾는 것이 문제라 생각하여
onClick 이벤트를 사용하지 않고
DOMContentLoaded -> document.querySelector -> click 이벤트 방식으로 구현하여 정상 작동을 하였으나
Log를 찍어보면 DOMContentLoaded 일 때 Log가 2개씩 중복하여 찍히는 것이 확인되었습니다.
( ex) 코드 : DOMContentLoaded -> log("test") // 결과 : "test" "test"
[질문]
1. DOMContentLoaded 2번 씩 찍히는걸 막고 싶으면 뭐라고 검색해야할까요? (검색 키워드가 알고싶습니다.)
2. 위와 같은 상황에서 어떤식으로 접근하여 고민해야하나요?
(LOG가 2개씩 찍히는걸 보니 뭔가 접근해서 코딩하고 있다는 생각이 들어서요 )
