使用 Javascript 在嵌入式网页中定位元素，该元素也在嵌入式网页中答案

【问题标题】：using Javascript to locate an element in an Embedded web page which also in an embedded web page使用 Javascript 在嵌入式网页中定位元素，该元素也在嵌入式网页中
【发布时间】：2019-03-21 15:50:09
【问题描述】：

我想编写一个脚本来使用 Javascript 自动观看在线课程。但是当我想在 html 页面中定位一个元素时，我发现它在一个嵌入的网页中，它也在一个嵌入的网页中。我一直在谷歌和百度搜索问题，但我只找到了如何在嵌入式网页中定位元素的方法。我也问过我周围的程序员，但他们也不知道，哎呀。下图是它的位置（“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>

你能帮我一个忙吗？非常感谢。

【问题讨论】：

如果嵌入的页面来自不同的域，那么您将无法访问其中的任何内容。
相关stackoverflow.com/questions/478078/…

标签： javascript html

【解决方案1】：

感谢您的所有想法。在您的建议下，我终于和朋友一起解决了这个问题。解决方案如下紧随其后。
我们发现“window”是JavaScript中的对象之一，它可以对“iframe”中的元素进行操作，因此您可以使用它来定位嵌入网页中的标签。

顶部

“top”是对象窗口中的一个属性。通过使用语句“window.top”，您可以获得网页中的顶部窗口。然后
使用语句“window.top.iframe”获取iframe对象。
通过对象“document”获取下一个 iframe 标记 iframe 中的“contentDocument”属性可用于返回当前文档对象。然后您可以使用语句“window.top.iframe.contentDocument.getElementsByTagName('iframe')[0]”找到下一个 iframe！

【讨论】：