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

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

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

     js代碼如下：

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

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

    js代碼如下：

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

 

    jq代碼如下：

<script type="text/javascript"> 

 window.onload = function(){

 var div=$("#parDiv" , parent.document);

 $(div).css("color","red");

 }

</script>