js 更改外部 css 实例说明（二）

最新推荐文章于 2022-06-10 21:09:47 发布

蟹道人

最新推荐文章于 2022-06-10 21:09:47 发布

阅读量699

点赞数

分类专栏： javascript基础部分学习文章标签： javascript

本文链接：https://blog.csdn.net/csdt_csdt/article/details/18616155

版权

javascript基础部分学习专栏收录该内容

51 篇文章 0 订阅

订阅专栏

实例：

<html>
<head>
	<link href = "event2.css" rel = "stylesheet" type = "text/css"/>
	<script>
		function change(eobj){
			//获取event2.css中所有选择器
			var ocssRules = document.styleSheets[0].rules;//0表示得到引入的第一个css文件
			//从ocssRules集合中取出希望的class选择器
			var style1 = ocssRules[0];//0表示取出第一个class选择器
			if(eobj.value == "red"){
				style1.style.backgroundColor = "red";	
			}else{
				style1.style.backgroundColor = "blue";	
			}
		}
	</script>	
</head>	
	<body>
	
		<div id = "mystyle" class = "div1">
			div1
		</div>
		<input type = "button" value="red" onclick = "change(this)"/>
		<input type = "button" value="blue" onclick = "change(this)"/>
	</body>
</html>

蟹道人

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
js 更改外部 css 实例说明（二）

实例： function change(eobj){ //获取event2.css中所有选择器 var ocssRules = document.styleSheets[0].rules;//0表示得到引入的第一个css文件 //从ocssRules集合中取出希望的class选择器 var style1 = ocssRules[0];//0表示取出第一个c
复制链接

扫一扫