使用js操作子页面iframe内的元素节点

  最核心的就是获取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使用。

另外需要提及的是，操作不能跨域，跨域上述方法就不行了。并且使用本地跑的话，谷歌会报错，本地跑可以使用火狐，或者自己开个阿帕奇，谷歌就不会报错啦