javascript - 如何动态加载/卸载css
问题描述
我知道如何加载 CSS。
injectCss(styles) {
let styleSheet = document.createElement("style");
styleSheet.type = 'text/css';
styleSheet.innerText = styles;
document.head.appendChild(styleSheet);
}
如何卸载它?
解决方案
希望这对您有所帮助。
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);
推荐阅读
- python-3.x - 使用 urllib.error 中的 try catch 检查连接状态时发生另一个异常
- python - Qlik sense ssl.SSLError: [SSL: CERTIFICATE_VERIFY_FAILED] 证书验证失败 (_ssl.c:749)
- laravel - 我应该如何在 Laravel 包中输入提示 UserModel?
- sql - 递归关系的实现
- vba - 使用 VBA 在 IE11 中关闭框架通知栏
- php - PHP Parse 错误:语法错误,第 56 行出现意外的“[”
- python - argparse 子解析器的帮助中缺少字符
- java-8 - 码头警告 - 多个位置上的相同 java 类
- ios - URLSession 委托函数 totalBytesExpectedToWrite 总是返回 -1
- javascript - 在 Jest 中,是否可以断言 super.some_function 已被调用?