тип ввода= «цвет», который изменяет цвет элемента

#java #html #firefox-addon

#java #HTML #firefox-аддон

Вопрос:

Я работаю над расширением всплывающего окна, которое изменяет цвет элемента 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.

Ответ №1:

Вы можете добавить событие onchange, например

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

Добавьте эту функцию в свой JavaScript:

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

где "elementId" идентификатор div, который вы хотите изменить цвета, и он должен работать. Обратите внимание, что таким образом вы можете изменить цвет элемента только в своем всплывающем окне. Если вы хотите изменить стиль div на веб-сайте, вам необходимо создать сценарий содержимого.