1. 程式人生 > >iframe頁面之間元素獲取與方法調用

iframe頁面之間元素獲取與方法調用

spa idt cin color nbsp mil cell ram AD

父頁面與子頁面之間的元素獲取與方法調用:

1、JS


父調子
子調父
元素
window.frames[iframe的name屬性值];
① window.parent.document.getElementById("父頁面元素ID");
②window.parent.document.getElementsByTagName("父頁面元素標簽名")[i];
③window.parent.document.getElementsByClassName("父頁面元素類名")[i];
方法
① document.getElementById("子頁面元素ID").contentWindow.子頁面方法名;
② document.getElementsByTagName("子頁面元素標簽名")[i].contentWindow.子頁面方法名;
③ document.getElementsByClassName("子頁面元素類名")[i].contentWindow.子頁面方法名;

window.parent.父頁面方法;


2、JQUERY


父調子子調父
元素$(iframe選擇器).contents().find(iframe中元素選擇器);
① $(父頁面元素選擇器, window.parent.document);
② window.parent.$(父頁面元素選擇器)
window.parent.父頁面方法;
方法$(iframe選擇器)[0].contentWindow.子頁面方法名;window.parent.父頁面方法;

iframe頁面之間元素獲取與方法調用