jQuery取得iframe中元素的常用方法详解

前端之家收集整理的这篇文章主要介绍了jQuery取得iframe中元素的常用方法详解前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

本文实例分析了jQuery取得iframe中元素的常用方法分享给大家供大家参考,具体如下:

jquery取得iframe中元素的几种方法

在iframe子页面获取页面元素

代码如下:

代码如下:

搞定...

在父页面 获取iframe子页面的元素:

显示iframe中body元素的内容

代码如下:

根据iframename取得其中ID为"testId"元素

代码如下:

用JS或jQuery访问页面内的iframe,兼容IE/FF

注意:框架内的页面是不能跨域的!

假设有两个页面,在相同域下.

index.html 文件内含有一个iframe:

<div class="jb51code">
<pre class="brush:xhtml;">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
<html xmlns="http://www.w3.org/1999/xhtml"&gt;

<a href="https://www.jb51.cc/tag/yemian/" target="_blank" class="keywords">页面</a><a href="https://www.jb51.cc/tag/shouye/" target="_blank" class="keywords">首页</a>