1、动态添加css文件,js写法
function loadStyles (file) {
var fileref = document.createElement("link")
fileref.setAttribute("rel", "stylesheet")
fileref.setAttribute("type", "text/css")
fileref.setAttribute("href", file)
}
// 使用,file是css文件路径
loadStyles('./test.css')
2、动态添加css文件,jq写法
function addStyle(file){
$('head').append('<link href=' + file + ' rel="stylesheet" type="text/css">')
}
3、动态删除css文件
function removeStyles (file) {
var filename = file;
var targetelement = "link";
var targetattr = "href";
var allsuspects = document.getElementsByTagName(targetelement);
for (var i = allsuspects.length; i >= 0; i--) {
if (allsuspects[i] && allsuspects[i].getAttribute(targetattr) != null && allsuspects[i].getAttribute(
targetattr).indexOf(filename) != -1) {
allsuspects[i].parentNode.removeChild(allsuspects[i])
}
}
}
// 使用,file是css文件路径
removeStyles('./test.css')
扫码关注腾讯云开发者
领取腾讯云代金券
Copyright © 2013 - 2025 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号:粤B2-20090059 深公网安备号 44030502008569
腾讯云计算(北京)有限责任公司 京ICP证150476号 | 京ICP备11018762号 | 京公网安备号11010802020287
Copyright © 2013 - 2025 Tencent Cloud.
All Rights Reserved. 腾讯云 版权所有