JS基础--HTMLDOMclassList属性

元素的所有类名：我是一个DIV元素

元素的第一个类名（索引为0）：varx=document.getElementById("myDIV").classList.item(0);//mystylebrowse不过IE9及IE9之前的版本不支持该属性。下面的代码可以弥补这个遗憾：（来自一位网友的代码）self=this;functionupdate(fn){returnfunction(value){varclasses=self.className.split(/\s+/g),index=classes.indexOf(value);fn(classes,index,value);self.className=classes.join("");}}return{add:update(function(classes,index,value){if(!~index)classes.push(value);}),remove:update(function（类,指数){如果(~指数)classes.splice(指数,1);}),toggle:update(function(classes,index,value){if(~index)classes.splice(index,1);elseclasses.push(value);}),contains:function(value){返回！!~self.className.split(/\s+/g).indexOf(value);},item:function(i){返回自我。类名.split(/\s+/g)[i]||无效的;}};}});}这里提醒一下，其他类型的值转换为布尔值的对应关系，对应关系表如下：其他类型的值转换为布尔值undefinedfalsenullfalse布尔值不需要转换数字0，NaN为转换为false，其他数值类型转换为trueString只有空字符串''转换为false，其他转换为true对象全部转换为true想了解Object.defineProperty可以参考下面两篇文章：《JS基础篇--JS apply的巧妙用法以及扩展到Object.defineProperty的使用》《JS基础篇--JS中的可枚举属性与不可枚举属性以及扩展》