textbox 距页面上边框和左边框的距离

textbox 距页面上边框和左边框的距离

解决方案 »

  1.   

    css吧 padding-top padding-left什么的
      

  2.   


    var getPosition=function(_obj) {
        var x = 0, y = 0;
        do{
            x += _obj.offsetLeft;
            y += _obj.offsetTop;
        }while(_obj=_obj.offsetParent);
        return {'x':x,'y':y};
    };
      

  3.   

    <html><head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>test</title>
    <script>
        /*
         * 获取元素距BODY上边框的距离
         */
        function getTop(obj){
            var height = 0;
            while(obj.tagName.toUpperCase() != "BODY")
    {
        height+=obj.offsetTop;
        obj = obj.offsetParent;
    }
    return height;
        }
        
        /*
         * 获取元素距BODY左边框的距离
         */
        function getLeft(obj){
            var width = 0;
            while(obj.tagName.toUpperCase() != "BODY")
            {
                width+=obj.offsetLeft;
                obj = obj.offsetParent;
            }
            return width;
        }
        
        window.onload = function(){
         var txt1 = document.getElementById("txt1");
         alert(getTop(txt1));
         alert(getLeft(txt1));
         var txt2 = document.getElementById("txt2");
         alert(getTop(txt2));
         alert(getLeft(txt2));
        };
    </script>
    </head><body>
    <div style="position:absolute;left:100px;top:200px">
    <input type=text value="" id="txt1"/>
    <input type=text value="" id="txt2"/>
    </div>
    </body></html>