Js中className的用法

最新推荐文章于 2024-05-29 18:01:16 发布

dengdun5435

最新推荐文章于 2024-05-29 18:01:16 发布

阅读量190

点赞数

原文链接：http://www.cnblogs.com/xingxyx/p/11019338.html

版权

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 οnclick="check()">click me</button>
			
		</ul>
	</body>

转载于:https://www.cnblogs.com/xingxyx/p/11019338.html