есть простой html-код:
<div id="player">
<script>....</script>
</div>
если страница статичная, то вопросов нет. по ходу загрузки страницы исполняется javascript и внутри тега <div id="player"> формируется плеер.
Но как быть, если элемент <div id="player"> добавляется на страницу динамически уже после её загрузки?
1. пробовал такой код:
var newDiv = document.createElement("div");
newDiv.id = "player";
newDiv.innerHTML = "<script>...</script>";
document.body.appendChild(newDiv);
но он не дает нужного результата.
новый элемент <div> добавляется, но javascript внутри него не выполняется.
2. пробовал вместо <div> использовать <iframe> и затем загрузить в него javascript как новое окно:
var newiframe = document.createElement("iframe");
newiframe.name = "player";
document.body.appendChild(newiframe);
var newWindow=window.open('', 'player');
newWindow.document.write("<script>...</script>");
тоже нифига не выходит.
в iframe ничего не отображается.