在带有chrome扩展名的html页面中添加类

时间:2016-11-04 10:18:49

标签: javascript facebook google-chrome

我尝试将一个类添加到带有chrome扩展名的Facebook页面上的元素。很遗憾,我的脚本不起作用...我的目标是在Feed中选择包含广告的帖子。所有帖子容器看起来都很相似,唯一的区别是赞助商#34;标签,它是主容器的高度子项。

script.js:

var x = document.getElementsByClassName("uiStreamSponsoredLink").parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode;
x.className += "otherclass";

清单:

{
  "name": "Project",
  "version": "0.0.1",
  "manifest_version": 2,
  "default_locale": "en",
  "icons": {
    "16": "img/icon16.png",
    "48": "img/icon48.png",
    "128": "img/icon128.png"
  },
  "permissions": [
    "*://*.facebook.com/*"
  ],
  "content_scripts": [
    {
      "matches": [
        "*://*.facebook.com/*"
      ],
      "css": [
        "content_script/replace-reactions.css"
      ],
      "js": [
        "content_script/script.js"
      ]
    }
  ],
  "web_accessible_resources": [
    "img/*.png"
  ]
}

1 个答案:

答案 0 :(得分:0)

在script.js中添加此内容,

例如,

document.getElementsByTagName('body')。attr('class','YOUR CLASS NAME');

这里我为body标签设置了类名。您可以为页面中的任何元素设置此项。