Javascript 获得元素位置&&获得元素样式值-网上找的,方便以后查阅
// 获得元素样式 function attrStyle(elem,attr){ if("undefined" != typeof elem && "undefined" != typeof elem.style){ //若样式存在于html中,优先获取 return elem.style[attr]; }else if(elem.currentStyle){ //IE下获取CSS属性最终样式(同于CSS优先级) return elem.currentStyle[attr]; }else if(document.defaultView && document.defaultView.getComputedStyle){ //W3C标准方法获取CSS属性最终样式(同于CSS优先级) //注意,此法属性原格式(text-align)获取的,故要转换一下 attr=attr.replace(/([A-Z])/g,'-$1').toLowerCase(); //获取样式对象并获取属性值 return document.defaultView.getComputedStyle(elem,null).getPropertyValue(attr); }else{ return null; } } attrStyle(document.getElementById("coorDiv"), "margin-left");
// 获得元素位置
function elementLeft(e){ var offset = e.offsetLeft; if(e.offsetParent != null) offset += elementLeft(e.offsetParent); return offset; } function elementTop(e){ var offset=e.offsetTop; if(e.offsetParent != null) offset += elementTop(e.offsetParent); return offset; } function elementPos(e){ return {left:elementLeft(e), top:elementTop(e)}; }
路慢慢其休远羲,吾将上下而求所
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 深入理解 Mybatis 分库分表执行原理
· 如何打造一个高并发系统?
· .NET Core GC压缩(compact_phase)底层原理浅谈
· 现代计算机视觉入门之:什么是图片特征编码
· .NET 9 new features-C#13新的锁类型和语义
· Spring AI + Ollama 实现 deepseek-r1 的API服务和调用
· 《HelloGitHub》第 106 期
· 数据库服务器 SQL Server 版本升级公告
· 深入理解Mybatis分库分表执行原理
· 使用 Dify + LLM 构建精确任务处理应用