獲得同級iframe頁面的指定ID元素的幾種實現方法

阿豪聊乾貨發表於2016-04-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物件。

 

相關文章