javascript 原生态js代码如何设置Html元素的样式(className)呢?


摘要:
下文讲述使用原生态的js代码设置Html对象的类(className)的方法分享,如下所示:

实现思路:
    1.获取待设置样式的对象
    2.通过修改对象的className属性值即可达到修改className信息

例:
使用原生态js代码修改按钮的类样式

 <meta charset="utf-8" />
<style>
   input[type='button']{
     width:120px;
     height:40px;
     border:none;
   }
  .a{  background-color:green;color:white;}
  .b{  background-color:blue;color:white;}
</style>
<script>
 window.onload = function(){
   var i = document.getElementById("btn");
   var j =1;
   i.onclick = function(){
     if(j%2 ===0){
	 i.className ="a";
    }else
     {
	   i.className ="b";
     }  
     
     j++;
   }
 
 } 
</script>
<p>
 maomao365.com <br />
 javascript之js修改类信息(className)
</p>
<hr />


<input type="button" id="btn" class="a" value="改背景色" />
javascript 原生态js修改html标签的className示例分享

javascript 原生态js修改html标签的className示例分享