2012-03-03 37 views
1

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

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

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

+0

你是否要求清单中的“标签”权限?你有清单的权限部分列出的页面吗? – 2012-03-04 02:18:17

回答

1

你有什么错误/例外?

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

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

我想更改div iner html,...我有两个html,第一个是从第一个生成的。我的问题是如何从第二个html页面更改第一个文档的div iner html,因为我现在处于第二页。 – ManY 2012-03-04 21:35:50

0

我会注入一个内容脚本到所需的页面,然后应用“显示:无”风格,我想隐藏DIV。你仍然可以用内容脚本做强大的事情,你可以事件注入JavaScript到标题加载jQuery或任何其他库,你想使用。

+0

我想更改div iner html,...我有两个html,第一个是从第一个生成的。我的问题是如何从第二个html页面更改第一个文档的div iner html,因为我现在处于第二页。 – ManY 2012-03-04 21:35:45

+0

@ManY - 你能澄清你在问什么 - 我想我理解它,因为你有2页,并且你想从第2页获取div的内部html并更新第1页上的内部div div。如果这是正确的做法是使用chrome.extension。* API发送请求,或者创建一个与之通信的端口。当第二页已经加载时,您可以触发端口连接并将内部html的内容发送到页面1,页面1然后可以更新其内部html的内容。 – jjNford 2012-03-04 21:51:36

+0

是的,你明白我的问题......并且你是否有示例代码来向我展示如何做到这一点,因为我是新手,我花了很多时间来处理我的错误。请告诉我一个代码,如何做到这一点。谢谢。 – ManY 2012-03-04 22:48:47