八戒踩坑之 js获取iframe框架中的内容

 今天踩了个坑 ,具体代码如下 我需要在第二个iframe中获取第一个iframe里面的dom节点，然后就开始直接调用 $('#我要的节点的id'，window.parent.document) 方式获取，结果失败了。 查询了下才知道 拿iframe 里面 有点特殊。必须先获取iframe的.contents()。 记录下避免二次踩坑

    <div id="task-create-content" data-course-id="1" data-activity-id="0" class="task-create-content hidden"><div class="load-animation" style="display: none;"></div>
    <iframe src="/course/1/manage/activity_homework/0/content_modal" scrolling="no" class="task-create-content-iframe" id="task-create-content-iframe" name="task-create-content-iframe" frameborder="0" style="overflow: hidden; height: 0px;"></iframe>
  </div>
   <div id="task-create-finish" class="task-create-finish"><div class="load-animation" style="display: none;"></div>
    <iframe src="/course/1/manage/activity_homework/0/finish_modal" scrolling="no" class="task-create-finish-iframe" id="task-create-finish-iframe" name="task-create-finish-iframe" frameborder="0" style="overflow: hidden; height: 64px;"></iframe>
  </div>

在父窗口中获取iframe中的元素

格式：$("#iframe的ID").contents().find("#iframe中的控件ID");  
实例：$("#ifm").contents().find("#btnOk").click();  

获取iframe的内容，先利用iframe节点获取contents() 然后在像平常一样获取里面元素

 

在iframe中获取父窗口的元素
格式：$('#父窗口中的元素ID', parent.document);  
实例：$('#btnOk', parent.document).click(); 

iframe 获取外部元素 需要加上指定标识parent.document