码迷,mamicode.com
首页 > Web开发 > 详细

js 封装的函数 总结

时间:2015-07-21 12:14:08      阅读:194      评论: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
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!