本文介绍了一种使用JavaScript来切换HTML元素样式的简单方法。通过修改元素的className属性，可以轻松地在预定义的CSS类之间进行切换。文章还讨论了如何为元素追加新的样式类。
之前是用DOM style 方式给元素设置或者刷新样式，可以利用元素的className属性设置元素的样式。
如：
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style type="text/css">
.demo1{
color:#F00;
}
.demo2{
background-color:#066;
}
</style>
</head>
<body>
<h1 id="test" class="demo1">how are you?</h1>
<script>
var m=document.getElementById("test");
m.className="demo2";
</script>
</body>
</html>
var m=document.getElementById("test");
m.className+=" demo2";注意demo2前面是有空格的，在一个元素应用两个样式的时候一般中间用空格隔开，因此新添加的样式前面需要加上空格，好加以区分。
还可以用addClass()函数
addClass(m,"demo2");
扫一扫
7907
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
