原生js封装函数

1.去除FireFox元素之间的空白、换行、tab都是Text节点函数

 

 

/* 
原理是对元素的所有的子节点做一个遍历。然后做一个判断，如果是子元素节点（nodeType = 1），则遍历该子元素的所有的子节点，用递归检查是否包含空白节点；如果处理的子节点是文本节点（nodeType = 3），则检查是否是纯粹的空白节点，如果是，就将它从xml对象中删除。 
*/  

 

function removeWhitespace(xml){
                    var loopIndex;


                    for (loopIndex = 0; loopIndex < xml.childNodes.length; loopIndex++){
                        var currentNode = xml.childNodes[loopIndex];
                        if (currentNode.nodeType == 1){
                            removeWhitespace(currentNode);
                        }


                        if (((/^\s+$/.test(currentNode.nodeValue))) &&(currentNode.nodeType == 3)){
                            xml.removeChild(xml.childNodes[loopIndex--]);
                        }
                    }
                }

 

2.常用的id,类名,标签名函数

var get = {
	byId: function(id) {
		return document.getElementById(id)
	},
	byClass: function(sClass, oParent) {
		var aClass = [];
		var reClass = new RegExp("(^| )" + sClass + "( |$)");
		var aElem = this.byTagName("*", oParent);
		for (var i = 0; i < aElem.length; i++) reClass.test(aElem[i].className) && aClass.push(aElem[i]);
		return aClass
	},
	byTagName: function(elem, obj) {
		return (obj || document).getElementsByTagName(elem)
	}
};

 3.显示和隐藏函数

function toggle(obj) {
            var el = document.getElementById(obj);
            if ( el.style.display != 'none' ) {
                el.style.display = 'none';
            }
            else {
                el.style.display = '';
            }
        }