父、子頁面之間頁面元素的獲取，方法的調用

一、在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

本文來自互聯網用戶投稿，該文觀點僅代表作者本人，不代表本站立場。本站僅提供信息存儲空間服務，不擁有所有權，不承擔相關法律責任。
如若轉載，請注明出處：http://www.pswp.cn/news/387583.shtml
繁體地址，請注明出處：http://hk.pswp.cn/news/387583.shtml
英文地址，請注明出處：http://en.pswp.cn/news/387583.shtml

如若內容造成侵權/違法違規/事實不符，請聯系多彩編程網進行投訴反饋email:809451989@qq.com，一經查實，立即刪除！