js 动态构建style

小程序：扫一扫查出行
【扫一扫了解最新限行尾号】
复制小程序

使用创建style的方式

btn.addEventListener("click", async () => {

  const ns = document.createElement("style");

  ns.textContent = `

        button {

          color: red;

        }

  `;

  document.head.append(ns);

  ns.sheet.addRule("p", "color: green");

});

使用CSSStyleSheet

btn.addEventListener("click", async () => {

  const sheet = new CSSStyleSheet();

  sheet.replaceSync("button { color: red; }");

  sheet.addRule("p", "color: green");

  document.adoptedStyleSheets = [sheet];

});