一、在iframe頁面上調取父級頁面元素

???? 1.在父頁面上獲取iframe頁面元素(在父頁面修改子頁面div的背景色為紅色)

???? js代碼如下：

1 <script type="text/javascript"> 2 window.onload = function(){ 3 var iframe = document.getElementById('iframeId').contentWindow; //iframeId 為子頁面(iframe) id 4 var div =iframe.document.getElementById('objId'); //子頁面(iframeId )中指定元素的id
5 div.style.backgroundColor = 'red'; //修改子頁面div背景色為紅色
6 } 7 </script>

? 2.在iframe頁面上調取父級頁面元素

??? js代碼如下：

1 <script type="text/javascript"> 2 window.onload = function(){ 3 var parentiframe = window.parent; //獲取父級頁面對象 4 var div =parentiframe.document.getElementById('parDiv'); //獲取父級頁面中指定元素 5 div.style.color = 'red'; 6 } 7 </script>

?

??? jq代碼如下：

1 <script type="text/javascript"> 2 3 window.onload = function(){ 4 5 var div=$("#parDiv" , parent.document); 6 7 $(div).css("color","red"); 8 9 } 10 11 </script>

?

?

?

轉載于:https://www.cnblogs.com/22MM/p/10277890.html

總結

以上是生活随笔為你收集整理的父、子页面之间页面元素的获取，方法的调用的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。