zoukankan      html  css  js  c++  java
  • 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>
    

      

  • 相关阅读:
    ES6
    ES6
    ES6
    ES6
    ES6
    ES6
    ES6
    IOS 最新开发上架流程 以及发布打包注意事项
    JavaScript Arguments
    函数防抖和函数节流
  • 原文地址:https://www.cnblogs.com/xingxyx/p/11019338.html
Copyright © 2011-2022 走看看