js 动态构建style
JS 构建 动态 Style
2023-09-14 08:58:44 时间
使用创建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];
});
See also:
相关文章
- js书写原生ajax,JS 原生ajax写法
- js面试题及答案2020_JS面试题大全
- html js 全局 变量,JS定义全局变量
- JS跳转代码_js中跳转页面路径
- php 中js跳转页面跳转页面,js跳转代码_PHP页面跳转 Js页面跳转代码[通俗易懂]
- 用JS获取地址栏url参数的方法_js的url是啥
- 使用 Go + HTML + CSS + JS 构建漂亮的跨平台桌面应用
- 【说站】js函数声明的2种方式
- js定时器与延时器_JS做定时器倒计时
- Vue.js – 引入外部 JS 文件
- js删除数组中的一个元素_js数组包含某个元素
- 原生 JS 实现 HTML 转 Markdown,以及其实现逻辑(html2md.js 或 html2markdown.js)
- 关于 SAP Commerce Cloud 构建的 Node.js 版本号问题
- JS动态引入js、CSS动态创建script/link/style标签详解编程语言
- 使用Neo4j和D3.js构建关系网络(neo4jd3.js)
- Vue.js与Oracle数据库——构建完美的前端应用(vueoracle)
- 使用Node.js和MySQL构建强大的Web应用程序(nodejsmysql)
- 使用 JS 操作 Redis:实现强大数据存储.(js调用redis)
- 使用JS在网页中连接Oracle数据库(js网页链接oracle)
- 计算100000数组js脚本的执行时间
- CSS和JS标签style属性对照表(方便js开发的朋友)
- js获取坐标通过JS得到当前焦点(鼠标)的坐标属性
- 通过js判断访客显示器屏幕分辨率并给出提示
- 探讨js中的双感叹号判断
- node.js开发中使用NodeSupervisor实现监测文件修改并自动重启应用