请记住，您的iframe与您的页面位于同一域：

// Get your iframe element

var iframe = document.getElementById('iframe');

// Access contents of it like this

var iframeContent = iframe.contentWindow.document;

// Get your div element

var content = document.getElementById('source');

// set contents of this div to iframe's content

content.innerHTML = iframeContent.innerHTML;

根据您执行此操作的时间，等待iframe加载也是值得的：

iframe.onload = function() { /* put the above code here */ }

进一步评论：
从文件中获取内容的一个更好的解决方案是使用 AJAX 。
下面是一个使用 AJAX 和jQuery的简单方法。

$.ajax({
  url: 'http://output.jsbin.com/sebusu',
  success: function(data) {
    $('#source').html(data);
    $('#show').text(function(){
      if (data.indexOf('Text') != -1) {
        return 'Can see text!';
      }
      else {
        return "Can't see text!";
      }
    });
  },
  error: function(){
    console.log(error);
  }
});

<div id="source"></div>
<div id="show"></div>
<script src="https://code.jquery.com/jquery-3.1.0.js"></script>

Live Demo

同样，你只能为你的网站 AJAX （使用一些exceptions）

$("#my_iframe").on('load', function() {
$("#my_div").empty().append($('#my_iframe').contents().find('body').html());
});

注：“body”可以是iframe中的任何内容，如果你只需要一个特定的div，你可以使用“#div_inside_iframe”代替“body”，使用“body”或“html”将iframe中的所有内容复制到目标div中。