Div имеет функцию onclick, но iframe внутри div не активируется

Question

У меня есть div, у которого есть функция, и iframe внутри этого div, но мой iframe не активен. Есть ли способ сделать iframe кликабельным и вызвать то же событие или функцию, что и div, где этот iframe находится внутри? Я буду очень признателен за любые советы. Спасибо

<div id="t1" onclick="myFunction(this, 'test', '')" class="button-hyperlink">
    <h5>Testing</h5>
    <h6>
        <iframe id="content_iframe3" src="test.html" scrolling="no" frameborder="0"
                height="30px" width="200px" name="target-iframe"></iframe>
    </h6>
</div>

Функция

function myFunction(divid, link) {
    this.clear();
    divid.style.background = "blue";
    //some conditions
}

function clear() {
    for (var i = 0; i < divItems.length; i++) {
        var item = divItems[i];
        item.style.backgroundColor = 'red';
    }
}

Answer 1

Как насчет этого кода. (Это немного отличается от вашего myFunction.)

<div id="t1" onclick="myFunction('t1')" class="button-hyperlink">
    <h5>Testing</h5>
    <h6>
        <iframe id="content_iframe3" src="test.html" scrolling="no" frameborder="0" 
                height="30px" width="200px" name="target-iframe"></iframe>
    </h6>
</div>

function myFunction(divid) {
    var div=document.getElementById(divid);
    div.style.background = "blue";
}
window.onload=function () {
  var f=document.querySelector("#content_iframe3");     
  f.contentWindow.addEventListener("click", function () {
      myFunction("t1");
  } ); 
};