Question

我想使用第三方窗口小部件，但我想从中拉出一些数据以显示在页面顶部的栏中。但是，在窗口小部件加载后，我似乎无法选择在DOM中创建的元素。

在加载之前，小部件本身就是这种效果：

<div class="widget-container">
  <div class="widget-container__widget"></div>
   <script type="text/javascript" src="http://theirwebsite.com/theirJS.js" async>
</div>

加载后，它在DOM中看起来像这样：

<div class="widget-container">
  <iframe src="http://theirwebsite.com"></iframe>
  <body>
    <div class='wrapper'>
      <div class='some-data-container'>
         <span class='some-data'>This Data</span>
       </div>
    </div>
  </body>
</div>

我正在尝试访问“某些数据”范围。

我尝试过$（window）.bind（“load”，function（）和$（document）.ready（function（）{以确保代码在页面加载后触发，但是尝试访问$ （'.some-data'）。text（）没有给我任何东西。

现在我的js文件处于这种状态：

$(window).bind("load", function() {
  let dataGrab = $('.some-data').text();
  console.log(dataGrab);
});

我完全错过了什么？

页面加载后无法访问窗口小部件内的跨度

0 个答案: