如何操作iframe里面的元素?

vcxiaohan 发布于 2016/01/25 15:58
阅读 1K+
收藏 0

比如:

    <div class="qqchat">
        <iframe id="chat" name="some" src="http://www.baidu.com" frameborder="0">
        </iframe>
    </div>
为什么我按照网上的方法,怎么都获取不到??



;$(function({

$(window.frames["chat"].document).find('input').css({'background': 'red'});


});

不生效啊!!

我用自己后台的链接网址也不生效,排除跨域请求的影响

贴上链接:

http://blog.chinaunix.net/uid-12244148-id-3830980.html

加载中
0
zabcd117
zabcd117
跨域的话,无法操作里面的内容,因为浏览器处于安全性考虑,不允许这么做,如果是同域名的iframe,就可以操作,第一个答案就可以。
zabcd117
zabcd117
回复 @vcxiaohan : 问题解决了就好
v
vcxiaohan
回复 @zabcd117 : 我知道了,是window.onoload=function(){}的问题
zabcd117
zabcd117
回复 @vcxiaohan : 你确定一下$(window.frames["chat"].document).find('input').css({'background': 'red'}); 这个frames里面是用name还是id获取。还有一个问题就是,即使你获取到了这个frame的document对象,如果里面没有jq的话,不能用jq的方法,也就是后面的find和css是没有,先用原生。
v
vcxiaohan
同域名 不行啊
0
Dxc戴老湿
Dxc戴老湿

document.getElementById('iframe的ID').contentWindow.document.getElementById('元素的ID')

不好用吗 

v
vcxiaohan
var x = document.getElementById('qq').contentWindow.document.getElementById('div1'); console.log(x);//获得null
v
vcxiaohan
没用,请问有demo吗,给我研究下
0
guo11235
guo11235

这不就是dom元素操作么,w3c不是有么

http://www.w3school.com.cn/jsref/prop_iframe_src.asp

返回顶部
顶部