获取控件的绝对位置

html:
<div id="two">
    <div id="one"></div>
</div>


css:
        #one{
            width:200px;
            height:200px;
            border:1px solid #ccc;
            position:absolute;
            left:10px;
            top:20px;
        }
        #two{
            width:300px;
            height:300px;
            border:1px solid #ccc;
            position:relative;
            left:200px;
            top:200px;
        }


js:


   var one = document.getElementById("one");
//    求offsetTop的时候
    function oleft(obj){
        oLeft = obj.offsetLeft;
        while(obj.offsetParent != null){
            oParent = obj.offsetParent

            oLeft += oParent.offsetLeft；

obj = obj.offsetParent;

            oTop += oParent.offsetTop；

      obj = obj.offsetParent;

    console.log(otop(one));

或者：

 var one = document.getElementById("one");
    function getAddress(obj){
        var l = obj.offsetLeft;
        var t = obj.offsetTop;
        var oparent = obj.offsetParent;
        while(oparent != null){
            l+=oparent.offsetLeft;
            t+=oparent.offsetTop;
        }
        return l+":"+t;
    }
    console.log(getAddress(one));

最后

以上就是无奈芒果为你收集整理的获取控件的绝对位置的全部内容，希望文章能够帮你解决获取控件的绝对位置所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。