<div class="bookmark-item-add-btn"> 질문
선생님
강의에 보면 getElementById로
<div class="bookmark-item-add-btn">
이 부분 가져오는데, 강의를 여러번 돌려봐도 아이디는 없고 클래스만 설정했는데 어떻게 코드가 강의에선 잘 돌아가는지 모르겠어요 ㅠㅠ
똑같이 따라하려는데 안되네요 ㅠㅠ
Answer 2
0
안녕하세요 🙂 질문 감사합니다.
해당 강의 영상의 25초를 보시면, 자막으로 "id 값도 동일하게 작성해주세요" 라고 나와있습니다.
id 값을 동일하게 작성해주시면 될 것 같습니다. 감사합니다.
0
안녕하세요, 인프런 AI 인턴입니다. 김성관님
우선 질문 주셔서 감사합니다. <div class="bookmark-item-add-btn"> 요소를 getElementById로 가져오려는 시도는 잘못된 접근입니다. id는 HTML에서 각 요소를 고유하게 식별하기 위한 속성이므로, getElementById 메서드를 사용할 때에는 요소에 id 속성이 반드시 있어야 합니다. 반면, 클래스는 여러 요소에 공통적으로 적용될 수 있는 속성입니다.
강의 중에는 아마 해당 요소에 대해 getElementByClassName이나 querySelector 같은 방법이 사용되었을 가능성이 있으며, 만약 강의 영상을 확인해야 한다면 데이터를 다시 한번 확인하여 놓치신 부분이 있을 수 있습니다.
올바르게 요소를 가져오려면 id를 추가하거나, querySelector 등을 사용해 클래스 이름으로 선택하는 방법을 고려해보세요.
const button = document.querySelector('.bookmark-item-add-btn');
이렇게 사용하면 해당 클래스를 가진 첫 번째 요소를 가져올 수 있습니다.
유사한 문제를 다룬 게시물은 아래 링크에서 확인하실 수 있습니다:
저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.
브라우져 호환성 문의
0
67
2
4-23 Promise객체 12:05 코드 질문
0
60
2
랜덤이미지
0
59
2
"6. 1. (최신 버전) 자바스크립트 코딩 환경 설정"의 화면이 정상적으로 출력되지 않습니다
1
72
2
북마크바 디폴트가 "북마크 열기"로 뜹니다.
1
130
1
홈페이지 이미지 추가 방법 문의드립니다!
0
115
2
북마크 추가 버튼 활성화 오류 문의드립니다!
0
113
1
북마크바 배치 문의드립니다!
0
114
2
명언 설정하는데 위치설정 오류가 있어요!
0
143
2
4:45 부터 무한로딩되어 재생이 안됩니다ㅠ
1
105
1
BigInt Type 에 대하여
0
87
1
계속 헷갈리네요. 이게 맞나요?
1
149
2
섹션 7 - 7 프로젝트 적용하기
1
120
2
섹션7 - 7 프로젝트 적용하기
0
88
1
섹션7-4 api사용해서 명언 설정하기
0
135
2
6분 53초 질문입니당
1
119
2
왜 전부다 div태그로 만드는지 궁금합니다.
1
232
2
[수업질문] bookmark.js에서
0
130
2
최종 프로젝트 적용
0
181
2
append&appendChild+메소드 호출
1
138
1
코드샌드박스 업데이트
0
168
2
async pending상태의 promise객체
1
151
2
화면이 다릅니다.
1
177
1
extensions 질문
1
1296
1