javascript dom 學習筆記 第九章：實現給某個元素添加加新的class的值的函數！

function addClass(element,value){if (!element.className){element.className = value;}else{newClassName = element.className;newClassName += "";newClassName += value;element.className = newClassName;}}

函數解釋：

如果當前元素沒有class，或者說是class值為空白為null的時候，那就直接添加一個。

否則，如果已經有了class，那麼就在原來的class後面追加一個 。

 

 

由於 js的 className 設定某個元素的class屬性值將被替換掉，而不是追加，所以就有了這個函數來實現這個功能　

也可以用setAttribute()方法來實現添加class： elem.setAttribute("class","intro");

用法：addClass(element,value);

如：addClass(links[i],"intro");

 

20120811添加備忘：

不想用這個函數的話，也可以直接這樣寫：

links[i] += " intro";  //注意intro前面要有一個空格。

這樣寫，如果當前元素有className值的話，就追加一個，顯示效果如下：

<li class=" last intro"> </li>

沒有className的話，就添加一個，這樣寫的話前面多了個空格，效果如下：

<li class=" intro"> </li><li class=" intro"> </li><li class=" intro"> </li><li class=" intro"> </li>

　　

個人總結：在需要添加class比較多的情況下建議用addClass函數，少的情況下還是直接 elem += " class" 吧，就那麼一兩個，沒必要再去浪費一個函數。