js 动态构建style
2024-10-21 17:21:55
使用创建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:
最新文章
- jQuery学习笔记(一)jQuery选择器
- 初探ECMAScript6
- linux 文件夹说明,用户添加删除,不熟悉的命令
- Activity的成员变量
- 李洪强漫谈iOS开发[C语言-040]-switch case
- 输入n个数组,数组长度不等,每个数组取出一个数进行组合,求出所有的组合。
- mysql merge table
- oracle_恢复流程图
- YARN学习笔记(一)——YARN的简介
- appledoc导出iOS代码文档的使用和问题详解(干货篇)
- windows服务器修改登录密码
- Eclipse使用技巧--自动提示
- C#多线程图片爬虫
- Kafka/Zookeeper集群的实现(二)
- 第7章 Linux文件与目录管理
- MVC+Spring.NET+NHibernate .NET SSH框架整合 C# 委托异步 和 async /await 两种实现的异步 如何消除点击按钮时周围出现的白线? Linq中 AsQueryable(), AsEnumerable()和ToList()的区别和用法
- 《快学 Go 语言》第 16 课 —— 包管理 GOPATH 和 Vendor
- jdreact相关操作注意事项
- 【ARC074e】RGB sequence
- oracle判断查询结果是否为空