Google Chrome扩展程序帮助：更改单击标记的背景颜色

Question

我正在为Google chrome开发此扩展程序，基本上它是在激活扩展程序时执行的，用户可以突出显示当前显示的网页Web内容（例如突出显示PDF时）。 （有现有扩展名，这是出于我的学习目的）。

而且我是扩展开发的新手，对必需的技术知识了解较少。

首先，我做了一个简单的扩展程序，当单击扩展程序图标时，它会更改当前显示的网页的背景颜色。

.js文件的代码示例：

function clickss(e) {
   chrome.tabs.executeScript(null,{code:"document.body.style.backgroundColor='yellow'"});
   window.close();
}

document.addEventListener('DOMContentLoaded', function () {
      clickss();
});

这将立即改变人体背景颜色。 因此，当用户单击特定标签时（当用户单击网页上仅与该点击点相关的标签时，应该更改），如何更改/更改标签的颜色（div，p，h）？其背景颜色）。

由于我是新手，因此我非常感谢您的好答案。

Answer 1

只需获取标签，然后为每个标签附加一个click事件监听器即可。

您可以使用getElementsByTagName()

var divs = document.getElementsByTagName("div");
for(var d in divs) {
   divs[d].addEventListener('click', clickss);
}

function clickss(e) {
   this.style.backgroudColor = "yellow";
}