getElementsByClassName与classList兼容性问题与解决方案

###document(element).getElementsByClassName(classNames:classString);
HTML5新添加了这个方法，这个方法可以通过document和html元素调用，接受一个参数，这个参数包含一个或多个类名的字符串，返回带有制定类型的NodeList（存在性能问题），传入的多个类型顺序不重要。这个方法仅仅在标准浏览器下有效，在非标准浏览器下无效。

	
		
		
p1 p
		
 p
		
	

解决兼容性的方式：

 var getElementsByClassName = (function (classList,/*optional*/parent){
        if(typeof classList !== "string") throw TypeError("the type of classList is error");
        var parent = parent || window.document;/*添加默认值*/
        if(parent.getElementsByClassName){/*如果是标准浏览器支持该方法*/
            return parent.getElementsByClassName(classList);
        }else{/*如果不支持该方法即非标准浏览器*/
            var child = parent.getElementsByTagName("*");
            var nodeList = [];
            /*获得classList的每个类名 解决前后空格 以及两个类名之间空格不止一个问题*/
            var classAttr = classList.replace(/^\s+|\s+$/g,"").split(/\s+/);
            for(var j = 0,len_j = child.length; j

###classList属性
classList属性是HTML5新增的一个属性，在这个属性下有几个方法：
Add（value）将给定的字符串值增加到列表中，如果存在，就不会添加。
Contains（value）表示列表中是否存在给定的值，如果存在返回true，否则返回false。
Remove（value）从列表中删除给定的字符串。
Toggle（value）如果列表中已经存在给定的值，删除它，如果没有给定的值，增加它。
支持classList的浏览器有Firefox3.6+和chrome和IE10+。
解决兼容性：

 
    var classList = null;
    (function(){
        classList = function (obj){
            this.obj = obj;
        };
        classList.prototype.add = function(value){
            if(typeof value !== "string") throw TypeError("the type of value is error");
            if(this.obj.classList){
                this.obj.classList.add(value);
            }else{
                var arr = value.replace(/^\s+|\s+$/g,"").split(/\s+/);
                this.obj.classList +=" "+arr.join(" ");
            }
        };
        classList.prototype.contains = function(value){
            if(typeof value !== "string") throw TypeError("the type of value is error");
            if(this.obj.classList){
                return this.obj.classList.contains(value);
            }else{
                var arr = value.replace(/^\s+|\s+$/g,"").split(/\s+/);
                var _className = this.obj.className;
                for(var i = 0,len= arr.length; i