博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Javascript 获得元素位置&&获得元素样式值-网上找的,方便以后查阅
阅读量:5220 次
发布时间:2019-06-14

本文共 1109 字,大约阅读时间需要 3 分钟。

// 获得元素样式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)};}

转载于:https://www.cnblogs.com/garinzhang/archive/2011/10/30/3639456.html

你可能感兴趣的文章
Foxmail:导入联系人
查看>>
vue:axios二次封装,接口统一存放
查看>>
vue中router与route的区别
查看>>
js 时间对象方法
查看>>
网络请求返回HTTP状态码(404,400,500)
查看>>
Spring的JdbcTemplate、NamedParameterJdbcTemplate、SimpleJdbcTemplate
查看>>
Mac下使用crontab来实现定时任务
查看>>
303. Range Sum Query - Immutable
查看>>
图片加载失败显示默认图片占位符
查看>>
【★】浅谈计算机与随机数
查看>>
《代码阅读方法与实现》阅读笔记一
查看>>
解决 sublime text3 运行python文件无法input的问题
查看>>
javascript面相对象编程,封装与继承
查看>>
Atlas命名空间Sys.Data下控件介绍——DataColumn,DataRow和DataTable
查看>>
Java中正则表达式的使用
查看>>
算法之搜索篇
查看>>
新的开始
查看>>
java Facade模式
查看>>
NYOJ 120校园网络(有向图的强连通分量)(Kosaraju算法)
查看>>
SpringAop与AspectJ
查看>>