在iframe中按ID获取元素

Question

  

可能重复：
  how to get body content of iframe by javascript?

我正在创建Chrome扩展程序，我希望能够访问iframe中的元素。到目前为止，我能够访问iframe，但是当我去访问我想要的元素时，它返回错误“未捕获的TypeError：对象＃没有方法'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是否与尝试访问该网站的网站有不同的域名？ same-origin policy禁止跨站点脚本编写，这可能就是您没有看到所需元素的原因。