从活动选项卡的文档中删除div

Question

我无法从活动标签的文档中删除div。我有一个选项按钮，当我点击它时，这显示弹出消息为html页面。在这个页面上我有按钮保存，当我点击它时，我想从活动标签的html中删除div。我想为Chrome浏览器做这个javascript。我试过了，但它不起作用

chrome.tabs.getSelected(null, function(tab) {
 chrome.tabs.executeScript(tab.id, {
  code: "removeDiv();"
 });
});

如何从弹出式html页面中删除活动页面的div元素？

Answer 1

你有什么错误/例外？

请记住，内容脚本在不同的环境中执行，因此您无法执行页面/背景中定义的JS功能。您只能对DOM内容进行操作。我认为实现目标的正确方法是：

chrome.tabs.getSelected(null, function(tab) {
 chrome.tabs.executeScript(tab.id, {
  code: "body of the function which removes div"
 });
});

Answer 2

我会将内容脚本注入所需的页面，然后将“display：none”样式应用于我想要隐藏的div。您仍然可以使用内容脚本执行强大的操作，您可以将javascript注入到标题中以加载jQuery或您要使用的任何其他库。