최근에는 수업에서 했던 것과는 다른 작은 프로젝트를 실천해 보기로 했습니다.
이것은 간단한 목표를 가지고 있습니다:
이미지와 옆에 버튼이 있습니다. 버튼을 누를 때마다 버튼 자체 앞에 첫 번째 태그와 동일한 클래스와 콘텐츠가 포함된 img 태그가 생성되어야 합니다.
으아악먼저 getElementById > querySelector를 변경한 후 댓글 아이디어 단계의 모든 내용을 다시 작성했습니다. 잘 안되서 여기서 몇 가지 질문을 읽고 yt를 살펴봤습니다. 또한 forEach를 제거하려고 시도했지만 그렇게 하면 두 번째 요소가 내부에 나타나지 않습니다. 두 경우 모두 추가 버튼이 작동하지 않습니다.
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
addImagem 함수를 일부 변경했습니다. 이미 존재하는 태그 안에 새 img 태그를 생성하지 않도록 "setAttribute" 함수를 사용하세요.
으아악"forEach" 함수는 배열에서만 작동합니다. 버튼이 하나뿐이므로 사용할 수 있습니다:
으아악또는 addBtn의 querySelector를 querySelectorAll로 변경할 수 있습니다.