Google Chrome扩展程序 - 获取字符串中的标签内容

时间:2015-01-31 19:43:56

标签: javascript google-chrome

我正在创建Google Chrome扩展程序,我需要将页面HTML作为字符串导入到我的扩展程序中,以便可以使用它。

我试过了:

document.getElementById('container');

但我得到了一个“null”作为回报。我已经确定它是正确的div id。

我使用的代码是否有问题,或者这种方法根本不起作用?

1 个答案:

答案 0 :(得分:1)

要将容器div设为String,请使用 innerText innerHTML

如下:

var asText = document.getElementById('container').innerText;
var asHTML = document.getElementById('container').innerHTML;

如果您在不使用任何方法的情况下获得空答案,则表示您的div不存在或未加载。

修改

不要忘记在manifest.json文件中指定您的javascript应该执行的时间。 您可以使用 run_at 参数执行此操作。

<强>的manifest.json

{
      "name": "The name of your extension",
      "version": "0.0.1",
      "manifest_version": 2,
      "description": "Your description goes here",
          "homepage_url": "http://example.com/",  
      "content_scripts": [
            {
                  "run_at": "document_end",
                  "all_frames": false,
                  "matches": [
                        "*"
                  ],
                  "js": [
                        "*"
                  ]
            }
      ],
      "web_accessible_resources": [
            "*"
      ],
      "permissions": [
            "storage"
      ]
}