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