Ошибка: Uncaught TypeError: Невозможно прочитать свойство 'window' с нулевым значением в HTMLDivElement.closeIframeContainer - PullRequest
0 голосов
/ 04 апреля 2019

У меня есть простой блок, который содержит iframe, я бы хотел, чтобы пользователь мог закрыть iframe с помощью кнопки.Но, к сожалению, я получаю следующую ошибку:

Вот то, что у меня пока есть

JS

  document.querySelector(.video-close_btn).addEventListener('click', closeIframeContainer);
    var closeIframeContainer =function(){
        window.parent.postMessage("event=closeiframe", "*");
    };

    window.addEventListener("message", receiveMessageFromIframe, false);
    function receiveMessageFromIframe(msg) {
        if (event == "closeiframe") {
            document.getElementById('iframe-container').remove();
        }else{
           alert('hehehe');
        }
    }

Вот index.html с iframe

<div id="iframe-container">

            <iframe src="/videoexplainer/data.html" style="border:none"></iframe>
    </div>

Вот data.html

 <div id="video-close_btn" class="video-btn">
                    <img src="images/x.png" />
                </div>

к сожалению, он не работает, что мне нужно сделать, чтобы получить то, что я хочу?любая помощь или предложения будут оценены спасибо.

...