Question

我在使用某些外部ReactJS组件时遇到问题。我通过iFrame将其包含到我的网站中，我需要自动单击一个按钮（在React组件的iFrame中）。但是，由于它是一个虚拟DOM，看起来我无法通过jQuery或vanillaJS访问DOM元素。由于反应是CDN附带的，所以我对此没有任何控制，也无法重写方法...

有人对如何单击按钮有建议吗？

问候， --jan

<!DOCTYPE html>
<html>
<head>
  <title>Quickstart</title>
  <link rel="stylesheet" href="site.css">
</head>
<body>
  <div id="meet"></div>
  <a href="#" onClick="aaa();">klick mich</a>

  <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.js"></script>
  <script src='https://meet.jit.si/external_api.js'></script>
  <script type="text/javascript" src="quickstart.js"></script>
</body>
</html>

function aaa()
{
    var openMenu = $('.button-group-right');
    console.log(openMenu);
    openMenu.click();
}

获取元素openMenu，结果如下（从console.log）：

jQuery.fn.init [prevObject: jQuery.fn.init(1)]   
{    
    length: 0    
    prevObject: jQuery.fn.init [document]    
    __proto__: Object(0)    
}

在iFrame中以编程方式触发对ReactJS虚拟DOM的点击

0 个答案: