如何在 iframe angular 中获取元素

问：

无法获取通过 src 加载 iframe 的 DOM 树。无法通过和 .告诉我如何获取 iframe 中所有内容的 DOM 树？ViewChildgetElementById

<div class="card-iframe">
 <iframe #iframe class="iframe" id="iframes" src=""></iframe>
</div>

@Component({
  selector: 'kiosk-doctor-purposes-page',
  templateUrl: './doctor-purposes-page.component.html',
  styleUrls: ['./doctor-purposes-page.component.scss'],
  changeDetection: ChangeDetectionStrategy.OnPush,
})
export class DoctorPurposesPageComponent implements OnInit, AfterViewInit {
  @ViewChild('iframe', { static: true }) public iframe: ElementRef<HTMLIFrameElement>;

  constructor() {}

  ngAfterViewInit(): void {
    console.log(window.parent.document.getElementById('iframes'));
    const iframe: any = window.parent.document.getElementById('iframes');
    // iframe.contentWindow.document.getElementsByTagName('div').innerText = 'asfdsdf3rsdf';
  }

@ViewChild('iframe', { static: true }) public iframe: ElementRef<HTMLIFrameElement>;

和

const iframe: any = window.parent.document.getElementById('iframes');

不行。