1

我正在为谷歌浏览器开发这个扩展，基本上它的作用是当扩展被激活时，用户可以突出显示当前显示的网页内容（比如当我们突出显示 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）的颜色（当用户单击网页时，仅与该点击点相关的标签应该更改它的背景颜色）。

因为我是新手，所以我非常感谢友好的答案。

4

1 回答 1

2

只需获取标签并为每个标签附加一个点击事件侦听器。

您可以使用getElementsByTagName()

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

function clickss(e) {
   this.style.backgroudColor = "yellow";
}
于 2013-07-11T02:12:22.107 回答