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

<script type="text/javascript">

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

p1.className = "two";

</script>

如果在js代碼中設(shè)置了元素的className，就會(huì)對(duì)html中的元素的類名進(jìn)行改變，這樣可以方便的設(shè)置同一個(gè)元素不同類名時(shí)的不同樣式

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

className僅僅只是更改對(duì)象的類名。

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

? ? ? ? ? <script type="txt/javascript">

? ? ? ? ? ?p.className="two";

? ? ? ? ? </script>

這是網(wǎng)頁(yè)上所輸出的相當(dāng)與<p class="two">Hello</p>