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>

  


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM