Question

我正在为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）的颜色）它的背景颜色。）

由于我是新手，我非常感谢他们的回答。

Answer 1

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

您可以使用getElementsByTagName()

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

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

Google Chrome扩展程序帮助：更改所点击代码的背景颜色

1 个答案: