首页 > 代码库 > 获取样式的简单的函数封装
获取样式的简单的函数封装
var CSS = { getStyle:function(elem,name){//获取样式 if(elem.style[name]){ return elem.style[name]; } else if(elem.currentStyle){ return elem.currentStyle[name]; } else if(document.defaultView && document.defaultView.getComputedStyle){ name = name.replace(/([A-Z])/g,"-$1"); name = name.toLowerCase(); var s = document.defaultView.getComputedStyle(elem,""); return s && s.getPropertyValue(name); } else{ return null; } }, getPageX:function(elem){//元素相对于整个文档的X位置 return elem.offsetParent? elem.offsetLeft + CSS.getPageX(elem.offsetParent) : elem.offsetLeft; }, getPageY:function(elem){//元素相对于整个文档的Y位置 return elem.offsetParent? elem.offsetTop + CSS.getPageY(elem.offsetParent) : elem.offsetTop; }, getParentX:function(elem){//元素相对于父亲的X位置 return elem.parentNode === elem.offsetParent ? elem.offsetLeft : CSS.getPageX(elem) - CSS.getPageX(elem.parentNode); }, getParentY:function(elem){//元素相对于父亲的Y位置 return elem.parentNode === elem.offsetParent ? elem.offsetTop : CSS.getPageY(elem) - CSS.getPageY(elem.parentNode); }, getPosX:function(elem){//元素相对于它的CSS容器的X位置 return parseInt(CSS.getStyle(elem,"left")); }, getPosY:function(elem){//元素相对于它的CSS容器的Y位置 return parseInt(CSS.getStyle(elem,"top")); }, setOpacity:function(elem,level){ if(elem.filters){ elem.style.filters = ‘alpha(opacity=‘+level+‘)‘; }else{ elem.style.opacity = level/100; } } };
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。