Js操纵iframe中Dom以及iframe子页面中Js操纵父页面Dom

一、父页面中Js读取或调用iframe中的Dom或js代码段

二、iframe子页面中的Js调用父页面中的Dom或js代码段

/*父窗口调用iframe子窗口中的Dom 本例也就是index.php页面中的js读取iframe.php中的id为demoID的Dom元素*/
/*iframecontent为iframe的ID，demoID为iframe页面的一个容器的ID*/
var Obj = window.frames["iframecontent"].document.getElementById("demoID");
/*子窗口调用父窗口中的Dom 本例也就是iframe.php中的js读取index.php中的id为parentdemoID的Dom元素*/
var Obj1 = parent.document.getElementById("parentdemoID");
/*因为采用原生js代码书写，获得的是Dom元素对象，若需要使用jQuery，则书写如下*/
$(Obj);
$(Obj1);
/*接下来的代码就可以按照jQuery的书写方式进行了*/
/*示例1：假设demoID为一个input元素的id，读取该input中输入的内容代码如下*/
var inputText = $(Obj).val();
/*示例2：建设parentdemoID为一个div元素的id，需要对它进行动画操作，则代码如下*/
$(Obj1).animate();