国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

js實現(xiàn)jquery的offset()方法實例

2019-11-20 13:27:08
字體:
供稿:網(wǎng)友

本文實例講述了js實現(xiàn)jquery的offset()方法。分享給大家供大家參考。具體分析如下:

用過jQuery的offset()的同學都知道offset().top或offset().left很方便地取得元素相對于整個頁面的偏移。

而在js里,沒有這樣直接的方法,節(jié)點的屬性offsetTop可以獲得該節(jié)點相對于父節(jié)點的相對偏移,但不能直接獲得其絕對偏移,我們可用節(jié)點逐層遞歸向上來相加offsetTop來獲得絕對偏移。

復制代碼 代碼如下:
function getOffset(Node, offset) {
    if (!offset) {
        offset = {};
        offset.top = 0;
        offset.left = 0;
    }

    if (Node == document.body) {//當該節(jié)點為body節(jié)點時,結束遞歸
        return offset;
    }

    offset.top += Node.offsetTop;
    offset.left += Node.offsetLeft;

    return getOffset(Node.parentNode, offset);//向上累加offset里的值
}


 

使用時,則如:

復制代碼 代碼如下:
var a = document.getElementById('a');
//getOffset(a).top
//getOffset(a).left

希望本文所述對大家的javascript程序設計有所幫助。

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 达孜县| 前郭尔| 汪清县| 舒兰市| 泰州市| 阿巴嘎旗| 灵山县| 拉萨市| 周至县| 建始县| 曲沃县| 盘山县| 镇远县| 卓资县| 甘孜县| 茌平县| 伊通| 娄烦县| 阿克陶县| 拜泉县| 卢湾区| 赤峰市| 通渭县| 晴隆县| 韶山市| 武城县| 临猗县| 桃园市| 宁津县| 拉孜县| 象山县| 大港区| 建阳市| 布拖县| 隆尧县| 穆棱市| 苍南县| 宣化县| 荣昌县| 远安县| 临安市|