首页 > 代码库 > 对原生js的一些小尝试
对原生js的一些小尝试
意图仿造JQ操作以及弄个个人工具箱,不断完善中,代码均为个人摸索,所以肯定会有不少不足的地方,希望读者们能提出来。
1 var xzhUtils = { 2 //-----DOM对象添加类----- 3 //--@param: obj DOM对象 4 //--@param: cls 添加的类 5 addClass : function (obj, cls){ 6 var ocls = obj.className; 7 if(!ocls){ 8 obj.className = cls; 9 } else{10 ocls += " "+cls;11 obj.className = ocls;12 }13 },14 //-----DOM对象移除类-----15 //--@param: obj DOM对象16 //--@param: cls 移除的类17 removeClass : function (obj, cls){18 var ocls = obj.className;19 if(ocls){20 var arr = ocls.split(" ");21 for(var i in arr){22 if(arr[i]==cls){23 arr.splice(i,1);24 break;25 }26 }27 ocls = arr.join(" ");28 obj.className = ocls;29 }30 },31 //-----计算上卷值-----32 scrollPos : function() {33 var scrollPos; 34 if (typeof window.pageYOffset != ‘undefined‘){ 35 scrollPos = window.pageYOffset; 36 }else if (typeof document.compatMode != ‘undefined‘ && document.compatMode != ‘BackCompat‘){ 37 scrollPos = document.documentElement.scrollTop; 38 }else if (typeof document.body != ‘undefined‘){ 39 scrollPos = document.body.scrollTop; 40 }41 return scrollPos;42 },43 //-----获取下一个兄弟节点-----44 //--@param: eventObj 要获取下一兄弟节点的DOM对象45 //--@return: x eventObj的下一兄弟节点46 next : function(eventObj){47 var e = eventObj;48 var x = e.nextSibling;49 while(x.nodeType!=1){50 x = x.nextSibling;51 }52 return x;53 }54 }
对原生js的一些小尝试
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。