html5新增操作類名方式 classList

如果乙個元素有多個類名，要如何刪除呢，jqeury提供了removeclass()這個api，如果不用外掛程式，自己封裝，可以這樣

1

function
removeclass(elm,removeclassname) 9}
10if(pos == -1)
13             classnames.splice(i,1);//
刪除類名
14             elm.classname = classnames.join(" ");//
把剩下的類名拼成字串重新設定
15         }

當然html5新增了操作類名的方式 classlist 他有4個屬性

add(value)：將給定的字串值新增到列表中。如果值已經存在，就不新增了。

contains(value)：表示列表中是否存在給定的值，如果存在則返回 
true，否則返回 false
。remove(value)：從列表中刪除給定的字串。
toggle(value)：如果列表中已經存在給定的值，刪除它；如果列表中沒有給定的值，新增它

下面是使用示例,非常方便

//

刪除"disabled"類
div.classlist.remove("disabled");
//新增"current"類
div.classlist.add("current");
//切換"user"類
div.classlist.toggle("user");
//確定元素中是否包含既定的類名
if (div.classlist.contains("bd") && !div.classlist.contains("disabled"))

但是支援瀏覽器比較少， ie10+,firefox 3.6+和 chrome。  

HTML5新增內容

先附上原始碼 完成百分比 100 蘋果素有 水果之王 的美稱，它含有豐富的維生素c，能讓 細嫩 柔滑而白皙，蘋果 的做法很簡單，將蘋果去皮去核切塊後放入攪拌機攪成泥狀，乾性 的美眉在蘋果泥中加入新鮮的牛奶或蜂蜜，油性 的美眉則可加入少量蛋清，攪拌均勻後塗在臉上，敷10 15分鐘後洗淨，你會發現膚色有...

HTML5新增屬性

html5的input標籤新增了很多屬性，也是讓大家非常興奮的一件事，用簡單的乙個屬性搞定以前複雜的js驗證。input新增的這些屬性，使得html和js的分工更明確了，使用起來十分舒暢。size medium 新增屬性一 size autoconmplete autoconmplete可以賦值為 ...

HTML5新增語法

html5模式下的 doctype 文件寫法非常簡單，只需要通過一句簡單的 即可實現。比起 html4.01和xhtml2.0時的 doctype 文件寫法，html5模式下的 doctype 文件寫法更簡便。除了文件簡便，其編碼寫法也得到了簡化，只需要指定編碼方式即可。xhtml2.0對大小寫要求...