如何操作iframe里面的元素？

Question

比如：

    <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

Answer 1

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

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

Answer 2

没用，请问有demo吗，给我研究下

Answer 3

var x = document.getElementById('qq').contentWindow.document.getElementById('div1'); console.log(x);//获得null

Answer 4

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

不好用吗 

Answer 5

回复
你确定一下$(window.frames["chat"].document).find('input').css({'background': 'red'}); 这个frames里面是用name还是id获取。还有一个问题就是，即使你获取到了这个frame的document对象，如果里面没有jq的话，不能用jq的方法，也就是后面的find和css是没有，先用原生。

Answer 6

回复
我知道了，是window.onoload=function(){}的问题

Answer 7

回复
问题解决了就好

Answer 8

跨域的话，无法操作里面的内容，因为浏览器处于安全性考虑，不允许这么做，如果是同域名的iframe，就可以操作，第一个答案就可以。