DOM 탐색 오류? getElementsByTagName 오류

조회수 808회

네이버 블로그나 카페에서 video태그를 가져오고 싶어서 개발자도구를 열어서 document.getElementsByTagName('video')document.querySelectorAll('video')를 실행해보면 이상하게 빈 배열이 나옵니다. 더 이상한 점은 Elements 탭에서 Ctrl+F<video를 검색해보면 찾을 수 있는데, 검색하여 찾은 video 태그 부분을 한 번 클릭해주고 다시 document.getElementsByTagName('video')를 실행해보면 정상적으로 video를 반환합니다. 대체 무엇이 문제인가요???

  • (•́ ✖ •̀)
    알 수 없는 사용자

1 답변

  • 자답합니다... 네이버 동영상이 iframe태그를 이용하기 때문입니다.

    document.querySelectorAll('iframe').forEach(item =>
      item.contentWindow.document.body.querySelectorAll('video');
    )
    
    • (•́ ✖ •̀)
      알 수 없는 사용자

답변을 하려면 로그인이 필요합니다.

프로그래머스 커뮤니티는 개발자들을 위한 Q&A 서비스입니다. 로그인해야 답변을 작성하실 수 있습니다.

(ಠ_ಠ)
(ಠ‿ಠ)