javascript - 谷歌浏览器 : can't getElementById from chrome extension

Question

例如，我正在尝试读取 https://developer.chrome.com/extensions/browserAction 处 id="tooltip"的元素的文本

以下代码在控制台上运行良好:

var element = document.getElementById('tooltip');
if(element != null) {alert(element.innerText);}
else {alert("element contains null");}

来自扩展程序的相同代码 run 显示“元素包含 null”。

chrome.browserAction.onClicked.addListener
(
  function(tab)
  {
    var element = document.getElementById('tooltip');
    if(element != null) {alert(element.innerText);}
    else {alert("element contains null");}
  }
);

这并不奇怪，因为 document 对象包含 _ generated_background_page.html，而不是我的相关页面。我需要的实际页面似乎包含在 tab 对象中。所以现在的问题是如何在选项卡中搜索“工具提示”？

我使用下面的代码来查看上述对象的内容:alert(JSON.stringify(tab, null, 4));
alert(JSON.stringify(document, null, 4));

Answer 1

也许是onclick而不是onclicked

chrome.browserAction.onClick.addListener
(
  function(tab)
  {
    var element = document.getElementById('tooltip');
    alert(element.innerText);
  }
);