首页 > Web开发 > 详细

js 封装的函数 总结

时间:2015-07-21 12:11:46      阅读:349      评论:0      收藏:0      [点我收藏+]

1、一个获取ID 元素的

//  获取元素对象  
    function g(id){return document.getElementById(id);}
//用法 以oDiv 为例
var oDiv=g(‘oDiv‘);

2、获取元素相对屏幕左边的距离

 //获取元素相对屏幕左边的距离 传的参为ID
    function getPosition(node) {
        var left = node.offsetLeft;
        var top = node.offsetTop;
        var parent = node.offsetParent;
        while (parent !== null) {
            left += parent.offsetLeft;
            top += parent.offsetTop;
            parent = parent.offsetParent;
        }
        return {"left": left, "top": top};
    }
//像这样的 封装一个函数里面, 返回两个参, 调用的时候如下:leftUpDiv topDiv 可以封装函数1,把ID元素 获取出来, 就可以用下面的函数。
var mainX = getPosition(leftUpDiv).left;//左上角横坐标
var mainY=getPosition(topDiv).top;

注: 其中用的函数 offsetLeft  offsetParent;

 

js 封装的函数 总结

原文:http://www.cnblogs.com/yjhua/p/4663595.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!