HTML5非主流API之classList

转载地址: http://www.Javascript100.com/?p=771

这些接口在一般的HTML5教程中很少被提及，它没有像canvas这类标签的革命意义，人们总是对新功能津津乐道；而classList只能算是在原来基础上一种改进。
classList作为DOM的接口出现。

    {
    length: {number}, /* 引用class类的个数 */
    add: function() { [native code] },
    contains: function() { [native code] },
    item: function() { [native code] }, /* by index */
    remove: function() { [native code] },
    toggle: function() { [native code] }
    }

初一看，和JQuery想到一块去了，毫无疑问，这是一种趋势。我对它持乐观的态度。
classList的方法和属性太简单，看一眼就会。你从此可以摆脱讨厌的className来操作DOM的class了。

    myDiv.classList.add('myCssClass'); //添加myCssClass类
    myDiv.classList.remove('myCssClass'); //移除myCssClass类
    myDiv.classList.toggle('myCssClass'); //切换myCssClass类
    myDiv.classList.contains('myCssClass'); //returns true or false

classList的浏览器支持情况