子页面和父页面元素的互相获取

在HTML中，我们可以使用iframe元素将一个页面嵌入到另一个页面中，并且可以在子页面中修改父页面的属性。实现方法如下：

在子页面中，我们可以通过parent属性来获取父页面的window对象，例如：

const parentWindow = window.parent;

接着，我们可以通过父页面的window对象来获取父页面中的元素，并修改其属性。例如，如果父页面中有一个id为myDiv的div元素，我们可以在子页面中使用以下代码来获取该元素并修改其背景颜色：

const myDiv = parentWindow.document.querySelector('#myDiv');
 myDiv.style.backgroundColor = 'red';

这样，当子页面中执行该代码后，父页面中的该div元素背景颜色就会变为红色。

在HTML中，可以通过iframe元素嵌入另外一个页面，并且可以在父页面中访问子页面的元素和属性。如果需要在父页面中获取子页面的元素，可以使用以下代码：

// 获取iframe元素 
const iframe = document.querySelector('iframe'); 
// 获取子页面的document对象 
const childDocument = iframe.contentDocument || iframe.contentWindow.document; 
// 在子页面中查找元素 
const childElement = childDocument.querySelector('#childElement'); 
// 修改子页面中元素的样式 
childElement.style.backgroundColor = 'red';

上述代码首先通过querySelector方法获取了一个iframe元素，然后通过contentDocument或contentWindow.document属性获取了子页面的document对象，接着就可以在子页面的文档对象中查找所需的元素了。最后，可以通过style属性来修改元素的样式。

需要注意的是，由于安全限制，当父页面和子页面并不属于同一个域名时，子页面对父页面的访问会受到限制。此外，如果父页面中存在多个具有相同ID的元素，只会匹配第一个元素，因此建议使用class类名或者其他属性来区分元素。