获取 iframe 里面的节点

获取 iframe 里面的节点

注意点:
1.一定要是同源
2.需要等iframe加载完了再去获取,否则就是空

//html
 <iframe
      src="http://localhost:3000/index2.html"
      name="iframe"
      id="iframe"
    ></iframe>

//script
  //window.frames[0] 另一种获取iframe的方法
      let iframe = document.getElementById("iframe");
      let innerDoc = iframe.contentDocument || iframe.contentWindow.document;
      console.log(innerDoc.getElementsByTagName("div"), "iframe未知");
      document.getElementById("iframe").onload = function () {
        let innerDoc = iframe.contentDocument || iframe.contentWindow.document;
        console.log(innerDoc.getElementsByTagName("div"), "iframe加载完了");
      };

结果如下

posted @ 2021-05-09 16:06  黑黑哈哈  阅读(797)  评论(0编辑  收藏  举报