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