Не могу получить доступ к элементу внутри iframe
Пишу скрипт и мне нужно получить доступ к input но проблема в том что он внутри iframe.
Вот мой код, который отлично работает с другими iframe, но именно в этом он не получает свойскво которое мне нужно, а имеено contentDocument. Это свойство всегда null сколько бы я не ждал и что бы я не делал такое ощущение что оно удалено из DOM но каким-то образом сам айфрейм отображается на странице. Не могу понять как это работает и как все таки получить доступ к документу.
Код:
let iframe = document.querySelector('#iframe_id');
iframe.addEventListener('load', async function(event) {
// 10 sec await for loading
for (let i = 0; !event.originalTarget.contentDocument && i < 10; i++) {
await sleep(1000);
}
if (!event.originalTarget.contentDocument) { // Always null!
return alert('Не дождался загрузки документа');
}
});
Почему такое поведение и как все таки получить доступ