steel grating

导航

如何利用jquery从父页面取到iframe里面的元素

Posted on 2011-09-23 10:12  在别处  阅读(544)  评论(0编辑  收藏  举报
群里朋友的问题:如何利用jquery从父页面取到iframe里面的div 
子页面:
<divclass="dv">

      iframe content

   </div>
父页面:
<div> 
<input type="button" value="findIframeTag"onclick="findIframeTag()"/>
<iframe id="frm1" src="Default3.aspx"></iframe>
</div> 
<scripttype="text/javascript">
  function findIframeTag() {//怎么写?}
</script>

 

平时没注意过,突然问起,好像真取不到。查文档居然发现居然还有这个说明。
jQuery(html,[ownerDocument])


根据提供的原始 HTML 标记字符串,动态创建由 jQuery 对象包装的 DOM 元素。

你可以传递一个手写的 HTML 字符串,或者由某些模板引擎或插件创建的字符串,也可以是通过 AJAX 加载过来的字符串。但是在你创建 input 元素的时会有限制,可以参考第二个示例。当然这个字符串可以包含斜杠 (比如一个图像地址),还有反斜杠。当你创建单个元素时,请使用闭合标签或 XHTML 格式。例如,创建一个 span ,可以用 $("<span/>") 或$("<span></span>") ,但不推荐 $("<span>")。在jQuery 中,这个语法等同于$(document.createElement("span"))。

返回值

jQuery

参数

html (String) : 用于动态创建DOM元素的HTML标记字符串

ownerDocument (Documen) : 可选,创建DOM元素所在的文档

ownerDocument (Documen) : 可选,创建DOM元素所在的文档
请注意上面红色标记,不解释。代码如下:

<scripttype="text/javascript">
function findIframeTag() {
alert($(".dv",frames[0].document).html());
}
</script>