如何从父元素调用子元素

时间:2018-07-10 09:36:15

标签: javascript jquery html

考虑以下给出的两个HTML页面

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>

定义了两个定义的HTML页面,有什么方法可以从parent.html调用child.html函数(例如:此处:-helloworld())

2 个答案:

答案 0 :(得分:1)

您可以尝试postMessage mechanism

关于, 文森特

答案 1 :(得分:0)

您可以尝试以下方法:

let child_element = $("#parent").find(".load");