Q:

how to call a child element from parent element

consider the below given two HTML pages
parent.html
<!DOCTYPE html>
<html>
<body>
<button id='parent' onclick="test()">Click Me</button>
<div  class='test-ab' id="load"></div>
</body>

<script>
  function test()
  {
    //need to call child function or button
  }

  $(function(){
    $('#load').html('<object id="webloader" data="child.html"/>');
  });
</script>
</html>

child.html
<!DOCTYPE html>
<html>
<body>
<button id='child' onclick="helloworld()">Click Me</button>
</body>
<script>
  function helloworld()
  {
    alert("hello world");
  }
</script>

</html>

there are two defined HTML pages defined, is there any way to call the child.html function (eg here:-helloworld()) from parent.html 

A:

You could try the postMessage mechanism
Regards,
Vincent

