js动态移除已加载css文件

文章描述:

js动态移除已经加载link css文件

在html文件中我们引入了css文件下面的style.css文件

html

<html>
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="css/style.css"/>
<script type="text/javascript" src="/skin/js/jquery.min.js"></script>
<script>
function removejscssfile(filename, filetype){
	var targetelement=(filetype=="js")? "script" : (filetype=="css")? "link" : "none"

	var targetattr=(filetype=="js")? "src" : (filetype=="css")? "href" : "none"

	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])
	}
	
}
removejscssfile("css/style.css", "css")
</script>
</head>
<body>

<div class="top">
top
</div>


</body>
</html>

 

style.css

.top{
    width:1200px;
    margin:0 auto;
    background:#000;
}

 

发布时间:2022/08/03

发表评论