JS操作iframe裏的dom實例解釋

直接賦值如下代碼測試即可明白：

　　:

複製代碼 代碼如下:

====================注意:測試從這裏開始=========================

用來測試子窗體iframeA訪問父窗體的某元素

====================iframe分割線=========================

====================iframe分割線=========================

先來演示:父窗體訪問子窗體中的某方法或元素

總結:父窗體訪問子窗體的方法跟元素採用不同的方式

　　//子窗口訪問父窗口方法

function testP(ss){

alert(ss)

}

　　//取得iframe的元素

function getIframe(id){

return lementById(id)ment;

}

　　//父窗口訪問子窗口元素

function frameDiv(){

getIframe("frameA")lementById("ooxx")groundColor="#f00"

//es["iframeA"]lementById("ooxx")groundColor="#f00" //不能通過這種形式訪問某元素

}

　　//父窗口訪問子窗口方法

function frameFun(){

//getIframe("frameB")Fun();//不能通過這種形式訪問子窗體某方法

// es["iframeB"]Fun();

alert(es["iframeB"]Fun());

}

　　複製代碼 代碼如下:

用來測試父窗體訪問子窗體中的某元素

用來測試子窗口B訪問窗體A的.某元素

　　1.子窗口iframeA訪問父窗口的某元素

　　//子窗口訪問父窗口的某元素

function frameToPdiv(){

lementById("pox")r="#fff";

lementById("pox")groundColor="#f0a0f0"

}

　　//子窗口訪問父窗口方法

function frameToPfun(ss){

P("ssss");

}

//用於測試iframeB訪問的方法

function testBA(){

alert("用於測試iframeB訪問的方法")

}

　　複製代碼 代碼如下:

　　二:測試子窗體間相互訪問某方法或元素

　　//子窗體B訪問子窗體A的某元素

function frameTframeDiv(){

//lementById("frameA")lementById("divooxx")r="#a0c0f0";

//lementById("frameA")lementById("divooxx")groundColor="#000"

var _bframe=frame("frameA");//子窗體訪問父窗體方法

_lementById("divooxx")r="#a0c0f0";

_lementById("divooxx")groundColor="#000";

}

　　//子窗體B訪問子窗體A的某方法

function frameTframeFun(){

es["frameA"]BA();

}

function getsFun(){

return "sssssss";

}

//getFun()