Javascript更改css代码

Question

我有一个Javascript代码，可以使用颜色选择器

更改侧边栏颜色

var colorWell;
var defaultColor = "#0078c0";

window.addEventListener("load", startup, false);
function startup() {
  colorWell = document.querySelector("#colorWell");
  colorWell.value = defaultColor;
  colorWell.addEventListener("input", updateFirst, false);
  colorWell.addEventListener("change", updateAll, false);
  colorWell.select();
}
function updateFirst(event) {
  var side = document.querySelector(".sidebar");

  if (side) {
    side.style.backgroundColor = event.target.value;
  }
}function updateAll(event) {
  document.querySelectorAll(".sidebar").forEach(function(side) {
    side.style.backgroundColor = event.target.value;
  });
}

有没有办法让这段代码也改变css文件中的css值？

Answer 1

是的，你可以尝试：

• insertRule()，插入规则。

• deleteRule()，删除规则。