javascript - 在 iframe 中通过 id 获取元素

Question

可能重复：
如何通过 javascript 获取 iframe 的正文内容？

我正在创建一个 Chrome 扩展，我希望能够访问 iframe 中的元素。到目前为止，我可以访问 iframe，但是当我访问我想要的元素时，它会返回错误“Uncaught TypeError: Object # has no method '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 是否与尝试访问它的站点具有不同的域？同源策略禁止跨站点脚本，这可能是您看不到所需元素的原因。