У меня есть этот код внутри моего содержимого. js файл с расширением chrome:
var iframe = document.createElement("iframe");
iframe.src = chrome.runtime.getURL("frame.html");
document.body.appendChild(iframe);
document
.getElementById("store")
.addEventListener("click", console.log("clicked"));
Этот фрейм будет отображаться на веб-странице, которую просматривает пользователь. У кадра, который я пытаюсь визуализировать, есть эта кнопка:
<button
type="button"
id="store"
name="store"
>Yes</button>
Я хотел бы видеть журнал в консоли при нажатии кнопки. Однако я получаю Cannot read property 'addEventListener' of null
Я понимаю, что нельзя добавить прослушиватель событий, потому что он не может найти кнопку в документе. Я также понимаю, что я не могу вызывать функции javascript из файла frame. html, потому что он заблокирован расширением chrome для предотвращения атак csrf.
Как добавить функциональность javascript к кнопкам внутри iframe?