Скрыть / показать элементы внешней страницы внутри iframe javascript

Question

У меня 2 HTML страницы 1- index. html 2- test. html теперь операция 1- я добавляю ifram в индекс. html page iframe sr c является тестовым. html и я добавляю кнопку hideimg 2 - внутри теста. html У меня есть div, который включает изображение, как я могу скрыть изображение, нажав кнопку hideimg

index. html

<div>
  <div><button onclick="hideimg()">Hideimg</button></div>
  <iframe class="testiframe" src="./test.html"></iframe>
</div>
<script>
  function hideimg() {
  var elmnt = document.getElementsByClassName("testiframe");
  elmnt[0].style.display = "none";
}
</script>

тест. html

<H1>Test Hide</H1>
<div class="hideClass">
     <img class="imgClass" width="100px" height="100px" src="./images/covid19.PNG">
</div>