iframe頁面之間元素獲取與方法調用
阿新 • • 發佈:2018-05-18
spa idt cin color nbsp mil cell ram AD
2、JQUERY
父頁面與子頁面之間的元素獲取與方法調用:
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.子頁面方法名; | window.parent.父頁面方法; |
2、JQUERY
父調子 | 子調父 | |
---|---|---|
元素 | $(iframe選擇器).contents().find(iframe中元素選擇器); | ① $(父頁面元素選擇器, window.parent.document); ② window.parent.$(父頁面元素選擇器)window.parent.父頁面方法; |
方法 | $(iframe選擇器)[0].contentWindow.子頁面方法名; | window.parent.父頁面方法; |
iframe頁面之間元素獲取與方法調用