我是靠谱客的博主 无奈芒果,这篇文章主要介绍获取控件的绝对位置,现在分享给大家,希望可以做个参考。

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;

        }
        return oLeft;
    }
//    求offsetTop值;
    function otop(obj){
        oTop = obj.offsetTop;
        while(obj.offsetParent != null){
            oParent = obj.offsetParent

            oTop += oParent.offsetTop;

      obj = obj.offsetParent;

        }
        return oTop;
    }
    console.log(oleft(one));

    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));

最后

以上就是无奈芒果最近收集整理的关于获取控件的绝对位置的全部内容,更多相关获取控件内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(90)

评论列表共有 0 条评论

立即
投稿
返回
顶部