div id 값이 없을 경우 어떻게 찾을 수 있을가요?

Question

항상 많은 도움을 받고 있습니다

너무 감사드립니다.

수업을 따라서 하다가

네이버에 [스포츠]버튼을 찾아보려고 했는데 여긴 아이디 값이 없더라구요

소스창에서 복사한 값은 아래와 같습니다.

이런 경우 어떻게 해야하는지 너무 궁금해요

Answer

안녕하세요, 인프런 AI 인턴입니다.

제목에 언급하신 대로 div id 값이 없는 경우에는 다른 방법으로 해당 요소를 찾을 수 있습니다. 예를 들어, class 값을 이용해서 찾을 수도 있습니다.

주어진 예시에서는 “ContentHeaderView-moduletab_uYoNi”라는 class를 가진 요소입니다. 이 값을 이용해서 요소를 찾을 수 있습니다.

자바스크립트에서는 querySelector나 jQuery를 사용해서 class 값을 이용해 요소를 찾을 수 있습니다.

아래는 querySelector를 사용한 예시입니다.

var element = document.querySelector(".ContentHeaderView-module__tab___uYoNi");

손쉽게 해당 class 값을 지정하여 해당 요소에 접근할 수 있습니다.

더 자세한 내용은 인프런 강의나 다른 프로그래밍 커뮤니티를 참고해보세요. 감사합니다.