Javascript Google chrome扩展帮助：更改已单击标记的背景颜色

我正在为Google chrome开发这个扩展，它的基本功能是当扩展被激活时，用户可以突出显示当前显示的网页内容（就像我们突出显示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）

---

因为我是新手，所以我非常欣赏善意的回答

只需获取标记并为每个标记附加一个单击事件侦听器即可

您可以使用

---

所以如果我使用这个代码，它会再次改变整个身体的背景颜色。那么我如何才能只更改用户单击的特定标记的颜色。@Vidudaya，您可以使用

this

关键字来处理实际元素。我写了一篇这样做的文章。它在

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

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