Js中className的用法

className可以用来改变标签元素的css类选择器,从而改变元素的样式

举个栗子

一个简单的无序列表,点击button之前ul的样式为uhh1

点击button后,调用check函数中的className将ul的样式由uhh1改为uhh2

<style type="text/css">
			.uhh1{color:#CCCCCC;font-size:12px;}
			.uhh2{color:#FF6600;font-size:24px;}
		</style>
		<script>
		function check()
		{
			var uul = document.getElementsByTagName("ul")[0];
			uul.className = "uhh2";
		}
		</script>
	</head>
	<body>
		<ul class="uhh1">
			<li><a href="#">首 页</a></li>
			<li><a href="#">新闻快讯</a></li>
			<li><a href="#">产品信息</a></li>
			<li><a href="#">联系我们</a></li>
			<br />
			<button onclick="check()">click me</button>
			
		</ul>
	</body>

  

posted @ 2019-06-13 20:37  lanyouzixingxing  阅读(1848)  评论(0编辑  收藏  举报