Как достучаться к помощью JQuery к элементу внутри фрейма?

Файл фрейма treeview.html:
<!DOCTYPE HTML >
<html>
<head>
<title></title> 
</head> 

<body>     
<div id="tree">123</div>
</body>
</html>


В файле Index.html пытаюсь получить текст из div:
<!DOCTYPE HTML >
<html>
<head> 
<script type="text/javascript" src="src/js/jquery-1.11.3.min.js"></script>
<script type="text/javascript">           
    $(function main() {
    //alert(1);
    alert($("#treeview").contents().find("#tree").text());
    });
</script>
</head> 

<iframe src="treeview.html" id="treeview" name="treeview">
</iframe>
</html>


Результат:
Firefox 42.0: выдает пустое поле
IE9: как надо "123"
Chrome: пустое поле

Если предварительно запросить вывод alert(1), то
Firefox 42.0: как надо "123"
IE9: как надо "123"
Chrome: пустое поле

???
  • Вопрос задан
  • 535 просмотров
Решения вопроса 1
erniesto77
@erniesto77
oop, rb, py, php, js
var iframe = document.querySelector('#treeview');
var iframeDocument = iframe.contentDocument || iframe.contentWindow.document;
var tree = iframeDocument.getElementById('tree');


UPD: jsfiddle.net/erniesto77/2s485/108
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы