最核心的就是获取iframe中的元素节点
上代码: var _iframe = document.getElementById('iframe').contentWindow;
//选中iframe元素并且通过contentWindow获取iframe中window对象
var _div =_iframe.document.getElementById('div');
//这一步很明显了,就是获取iframe页中的元素
获取到了 就可以对iframe中的元素进行操作啦。
使用JQ的话,关键也是contentWindow。代码如下
$("#iframe")[0].contentWindow.$("#img").attr("src","...");//就可以对iframe下的id为img的元素src进行操作了
需要注意的是,这里的$("#iframe")后面需要一个[0],因为JQ的$()选择器是多选,获取的是一个数组对象,不可以直接和js使用。
另外需要提及的是,操作不能跨域,跨域上述方法就不行了。并且使用本地跑的话,谷歌会报错,本地跑可以使用火狐,或者自己开个阿帕奇,谷歌就不会报错啦