Quiero llamar a una función cuando se hace clic en un botón dentro de un iframe, pero ya tengo problemas para acceder al documento iframe.

Primero, seguí este video , pero se devuelve nulo cuando se llama a la función. El contenido del iFrame está alojado en el mismo servidor, usando una instalación de wordpress en una carpeta (mydomain.com/fragen). La página principal es mydomain.com, por lo que ese no debería ser el problema, ¿verdad? Aquí está el código que estaba usando. Imprimir una cadena en la consola funciona.

 <button onclick="test()">Test</button> <iframe id="myIframe" src="mydomain.com/fragen/wp-admin/admin-ajax.php?action=h5p_embed&id=24" width="100%" height="525" frameborder="0" allowfullscreen="allowfullscreen" title="Diagnosetext"> </iframe> <script> const myIframe = document.querySelector("#myIframe"); function test() { const iframeWindow = myIframe.contentWindow; console.log(iframeWindow); } </script>