获得同级iframe页面的指定ID元素的几种实现方法

Posted 2020-07-03

1.JS实现：

　　var object= window.parent.frames("要获得的iframe的name").contentDocument.getElementById("元素id");

2.jquery实现：

　　var object =$( "元素id", window.parent.frames("iframe的name").contentDocument);

iframe获得父页面指定id的元素的方法：

　　var object = $("元素id", window.parent.document);

父页面获得iframe子页面里指定id元素的方法：

　　var object = $(this).contents().find("元素id");

注：window.frames("iframe的name")、document.frames("iframe的name")和window.frames["iframe的name"]、document.frames[""iframe的name"]的区别

　　1.第一个和第三个具有浏览器的兼容性，第二个和第四个只有在IE和Opera浏览器支持，而别的不支持。

　　2.第一个和第二个得到的是window对象，而第三个和第四个得到的是htmlIframeElement对象。