如何动态加载/卸载CSS

Question

我知道如何加载CSS。

injectCss(styles) {
  let styleSheet = document.createElement("style");
  styleSheet.type = 'text/css';
  styleSheet.innerText = styles;
  document.head.appendChild(styleSheet);
}

如何卸载它？

- user3792705

---

尝试将 styleSheet 的引用存储在某个地方，然后使用 styleSheet.remove() 来删除它。 - Hao Wu

Answer 1

试试这个：

function injectCss(styles) {
  let styleSheet = document.createElement("style");
  styleSheet.type = 'text/css';
styleSheet.setAttribute("id", "dunamicstylesheet");
  styleSheet.innerText = styles;
  document.head.appendChild(styleSheet);
}

//Create-styleSheet
injectCss('dynamic.css');

//remove-styleSheet
var stylesheet = document.getElementById('dunamicstylesheet');
stylesheet.parentNode.removeChild(stylesheet);

- vadivel a