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

摘要:

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

实现思路:

1.获取待设置样式的对象

2.通过修改对象的className属性值即可达到修改className信息

例:

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

input[type='button']{

width:120px;

height:40px;

border:none;

}

.a{ background-color:green;color:white;}

.b{ background-color:blue;color:white;}

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++;

}

}

maomao365.com

javascript之js修改类信息(className)

---

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