使用Javascript在嵌入式网页和嵌入式网页中定位元素

时间:2019-03-21 15:50:10

标签: javascript html5

我想编写一个脚本来使用Javascript自动观看在线课程。但是,当我想在html页面中找到一个元素时,我发现它位于嵌入式网页中,该网页也位于嵌入式网页中。我一直在Google和百度中搜索问题,但是我只找到了如何在嵌入式网页中定位元素的方法。我也问我周围的程序员,但是他们也不知道。下图是它的位置(“ span”是目标)。

<html>
  <body>
    <div class="main">
      <iframe id="iframe" src="blala" allowfullscreen="ture" onload="clickImg()">
        <html>
          <body>
            <div class="ans-job-icon"> 
               <iframe src="video/blala" allowfullscreen="ture">
                   <html>
                     <body>
                         <span aria-hidden="true" class="vjs-icon-placeholder"></span>
                     </body>
                   </html>
               </iframe>
          </body>
        </html>
      </iframe>
  </body>
</html>

能帮我个忙吗?非常感谢。

1 个答案:

答案 0 :(得分:0)

感谢您的所有创意。有了您的建议,我终于和朋友们一起解决了这个问题。解决方案是 跟着。
  我们发现“ 窗口”是JavaScript中的对象之一,可以在“ iframe”中操作元素。因此,您可以使用它在嵌入式网页中定位标记。

  1. 顶部

    “顶部”是对象窗口中的属性。通过使用语句“ window.top ”,您可以获取网页中的顶部窗口。然后

  2. 使用语句“ window.top.iframe ”获取iframe对象。

  3. 按对象“文档”获取下一个iframe代码 iframe中的属性“ contentDocument”可用于返回当前文档对象。然后您可以使用语句“ window.top.iframe.contentDocument.getElementsByTagName('iframe')[0] ”!