父元素与子iframe相互获取变量和元素对象的具体实现

实现父元素与子iframe相互获取变量和元素对象，可以通过两种方法来实现：

1. 父元素获取子iframe中的变量和元素对象

   通过JavaScript中的window对象可以获取和控制iframe中的变量和元素对象。首先要获取到子iframe的window对象，即子页面的全局window对象，然后通过该对象获取到iframe中需要的变量和元素对象。

   示例1：获取子iframe中的变量值

   ```javascript
   // 获取子iframe的window对象
   var iframe = document.getElementById('my-iframe');
   var iframeWindow = iframe.contentWindow;

   // 通过window对象获取子iframe中的变量值
   var childVariable = iframeWindow.childVariableName;
   ```

   示例2：获取子iframe中的元素对象

   ```javascript
   // 获取子iframe的window对象
   var iframe = document.getElementById('my-iframe');
   var iframeWindow = iframe.contentWindow;

   // 通过window对象获取子iframe中的元素对象
   var childElement = iframeWindow.document.getElementById('child-element-id');
   ```

2. 子iframe获取父元素中的变量和元素对象

   子iframe中可以使用window.parent对象来获取到父元素的window对象，然后通过该对象获取到父元素中需要的变量和元素对象。

   示例1：获取父元素中的变量值

   ```javascript
   // 获取父元素的window对象
   var parentWindow = window.parent;

   // 通过window对象获取父元素中的变量值
   var parentVariable = parentWindow.parentVariableName;
   ```

   示例2：获取父元素中的元素对象

   ```javascript
   // 获取父元素的window对象
   var parentWindow = window.parent;

   // 通过window对象获取父元素中的元素对象
   var parentElement = parentWindow.document.getElementById('parent-element-id');
   ```

以上两种方法可以相互配合，实现父元素和子iframe之间的双向通信。通过获取到对方的window对象，可以实现获取和设置其中的变量和元素对象。