Jquery 获取iframe 中元素并设置CSS问题

1、创建一个名称为css的html文件。

2、在页面中加入一个button按钮，当点击button的时候出发click事件。

3、在加入一个div设置宽和高还有背景色，当button的click事件中用css方法修改该div背景色。

4、文件引入jquery 库。

5、在文档准备方法中加入click点击事件。

6、在click事件中加入css方法设置div的背景色。

7、在浏览器中运行该文件。并点击button设置div的背景色。

父窗口中 *** 作iframe $(window frames["iframeChild"] document) //假如iframe的id为iframeChild 在子窗口中 *** 作父窗口 $(window parent document) 接下来就可以继续获取iframe内的dom了 获取iframe内的dom对象有两种方法 $(window frames["iframeChild"] document) find("#child") $("#child" window frames["iframeChild"] document) 在父窗口中 *** 作 选中IFRAME中的所有单选按钮

复制代码 代码如下: $(window frames["iframeChild"] document) find("input[@type= radio ]") attr("checked" "true");

在IFRAME中 *** 作 选中父窗口中的所有单选按钮

复制代码 代码如下: lishixinzhi/Article/program/Java/JSP/201311/20182

如果是同域名的网址，可以通过JS来读取：

var url = windowframes[0]locationhref;

如果是跨域的，由于安全原因，你只能获取你原来设置的url：

var url = $('iframe')attr('src');

如果iframe里面的地址跳转了，这个是不会跟着变的，也就是说，你是无法获取变化后的地址的。

jquery、contentWindow

$("#ii")[0]contentWindow

如果用jquery选择器获得iframe，需要加一个0；

$("#ii")[0]contentWindow$("#dd")val()

可以在得到iframe的window对象后接着使用jquery选择器进行页面 *** 作;

documentgetElementById(Iframe_Id)contentDocumentgetElementById(Element_Id) //适用于IE7以上

documentgetElementById(Iframe_Id)contentWindowdocumentgetElementById(Element_Id) //适用于IE6及火狐

参考 ： >

不能抓取到iframe的地址跳转。根据查询相关资料信息显示，iframe对象的src属性只反映初始定义的URL，不随iframe内文档地址的变化而变化。在跨域的情况下，外部文档虽然能获取iframe内的window对象，但该window对象的location值是空的。

以上就是关于Jquery 获取iframe 中元素并设置CSS问题全部的内容，包括:Jquery 获取iframe 中元素并设置CSS问题、jquery获取iframe中的dom对象(两种方法)、怎么获取 iframe转跳的网址等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！