<p class="one" id="p1">HELLO</p>

<script type="text/javascript">

var p1 = document.getElementById('p1');

p1.className = "two";

</script>

如果在js代码中设置了元素的className，就会对html中的元素的类名进行改变，这样可以方便的设置同一个元素不同类名时的不同样式

首先先看一下CSS的代码是否可以看懂。

className仅仅只是更改对象的类名。

例如：<p class="one">Hello</p>

          <script type="txt/javascript">

           p.className="two";

          </script>

这是网页上所输出的相当与<p class="two">Hello</p>