Как получить доступ к iframe через div?

Question

DmitryNs @DmitryNs

JavaScript

Как получить доступ к iframe через div?

Имеется структура

<body>
<iframe id="player"> </iframe>
<iframe id="content"> </iframe>
</body>

iframe#player:
<audio> </audio>

iframe#content:
<div class='radio'><div>

Как можно получить весь контент из iframe #player и записать его в div radio? При том, что в iframe#play элементы управления плеером, которые должны работать в div.radio, и динамический контент, меняющийся через какое-то время. Т.е. получается, что iframe#play будет скрыт, а в iframe#content.radio будет отображаться все, что происходить в скрытом iframe. Все на одном домене.

Вопрос задан более трёх лет назад
221 просмотр

Комментировать

Подписаться 2 Оценить Комментировать

Помогут разобраться в теме Все курсы

Яндекс Практикум

Фронтенд-разработчик

10 месяцев

Далее
Skillbox

JavaScript

3 месяца

Далее
Нетология

Fullstack-разработчик на Python + нейросети

20 месяцев

Далее

Пригласить эксперта

Ответы на вопрос 1

3 комментария

DmitryNs @DmitryNs Автор вопроса

все на одном

Написано более трёх лет назад
Турар Абу @kemply

Записываете так:

function unhtml(str) {
if (typeof(str) == "string") {
str = str.replace(/>/ig, ">");
str = str.replace(/</ig, "<");
str = str.replace(/'/g, "'");
str = str.replace(/"/ig, '"');
str = str.replace(/&/ig, '&');
}
return str;
}

q = document.querySelector("#player");
document.querySelector("div.radio").innerHTML = unhtml(q.innerHTML);

А динамичность делаете через события.

Вроде такого:

q.querySelector(".class").onclick = function(){
// action
}

Написано более трёх лет назад
DmitryNs @DmitryNs Автор вопроса

Турар Абу: получаю Cannot read property 'innerHTML' of null

Написано более трёх лет назад