Question

我正在研究一个弹出扩展程序，它会更改div元素的颜色。这是我尝试过的：

JSON

{

  "manifest_version": 2,
  "name": "div color",
  "version": "1.0",

  "description": "Changes color of div",
  "icons": {
    "48": "icon.png"
  },

  "permissions": [
    "activeTab"
  ],

  "browser_action": {
    "default_icon": "icon",
    "default_title": "div",
    "default_popup": "popup.html"
  },

}

弹出

<html>
<head><script src="popup.js"></script></head>
<body>
<input type="color" id="pickcolor">
</body>
</html>

我真的不知道该怎么做javascript。

Answer 1

您可以添加一个onchange-event，例如

<input type="color" id="pickcolor" onchange="changeColor(this.value)"/>

将此功能添加到您的JavaScript：

function changeColor(c) {
    document.getElementById("elementId").style.backgroundColor = c;
}

其中"elementId"是要更改颜色的div的ID，它应该可以工作。请注意，您只能以这种方式更改弹出窗口中元素的颜色。如果要更改网站上div的样式，则需要创建一个Content Script。

输入type =“ color”更改元素的颜色

1 个答案: