iframe以下のコンテンツをquerySelectorで取得する

2021-06-27JavaScript


知らずに結構時間を浪費したので残しておく

const element = document.querySelector('.iframe').contentWindow.document.querySelector('.viewer-content');

見た目に表示されているからといって直接document.querySelectorで指定しても取得できない

上記のようにquerySelectorでiframeの要素を指定してからcontentWindowでiframeの中のコンテンツを対象にしてあげる必要がある

それ移行はいつものquerySelectorの要領で要素を取得できる