javascript - iframe内でIDごとに要素を取得

Question

重複の可能性：
javascriptでiframeの本文コンテンツを取得する方法は？

Chrome拡張機能を作成していますが、iframe内の要素にアクセスできるようにしたいと考えています。これまでのところ、iframeにアクセスできますが、必要な要素にアクセスすると、「Uncaught TypeError：Object＃has nomethod'getElementById'」というエラーが返されます。iframeのcanvas要素のIDは「canvas」です。

    var divElement, iframeElement, canvasElement;

    if (document.getElementById("puzzle")) {
      divElement = document.getElementById("puzzle");
      iframeElement = divElement.getElementsByTagName("iframe")[0];
      canvasElement = iframeElement.getElementById("canvas");
      console.log(canvasElement);
    }

Answer 1

iframe には、アクセスしようとしているサイトとは異なるドメインがありますか? クロスサイト スクリプティングは、同一生成元ポリシーによって禁止されています。これが、目的の要素が表示されない理由である可能性があります。