首页 > 其他分享 >js 获取dom的绝对位置,相对于浏览器显示界面

js 获取dom的绝对位置,相对于浏览器显示界面

时间:2023-04-03 19:26:53浏览次数:40  
标签:actualLeft 浏览器 offsetParent dom element current actualTop var js

// 获取左边
function getElementLeft(element){
    var actualLeft = element.offsetLeft;
    var current = element.offsetParent;

    while (current !== null){
      actualLeft += current.offsetLeft;
      current = current.offsetParent;
    }

    return actualLeft;
  }
// 获取顶部
  function getElementTop(element){
    var actualTop = element.offsetTop;
    var current = element.offsetParent;

    while (current !== null){
      actualTop += current.offsetTop;
      current = current.offsetParent;
    }

    return actualTop;
  }

标签:actualLeft,浏览器,offsetParent,dom,element,current,actualTop,var,js
From: https://www.cnblogs.com/sqmw/p/17284083.html

相关文章

  • JS正则判断6位数字
    JS正则判断6位数字原文链接:https://zhidao.baidu.com/question/56711626.html正则表达式:^\d{6}$注意写法,javascript里正则表达式的写法为/^\d{6}$/,其它的都为"^\d{6}$"。<scriptlanguage="javascript">functioncheckfrom(){varnum=document.getElementById("text&qu......
  • windows安装npm教程(nodejs)
     1、在使用之前,先类掌握3个东西,明白它们是用来干什么的:npm: nodejs下的包管理器。webpack:它主要用途是通过CommonJS的语法把所有浏览器端需要发布的静态资源作相应的准备,比如资源的合并和打包。vue-cli:用户生成Vue工程模板。(帮你快速开始一个vue的项目,也就是给你一......
  • node.js 安装并升级
     在centos7安装nodejs并升级nodejs到最新版本下面操作服务器的身份默认是管理员root,如果权限不足,请加sudo1.安装nodejs1.1使用EPEL安装EPEL(ExtraPackagesforEnterpriseLinux)企业版Linux的额外软件包,是Fedora小组维护的一个软件仓库项目,为RHEL/CentOS提供他们默认......
  • 使用Newtonsoft.Json在Net6中设置时间格式(含T/不含T)
    实例一:JsonSerializerSettingsjsonSettings=newJsonSerializerSettings{DateFormatString="yyyy-MM-ddHH:mm:ss.fff",};Modelmodel=newModel{CreatedAt=DateTime.UtcNow};......
  • RxJS 系列 – Utility Operators
    前言前几篇介绍过了 CreationOperatorsFilteringOperatorsJoinCreationOperatorsErrorHandlingOperatorsTransformationOperatorsJoinOperators这篇继续介绍 UtilityOperators 参考Docs–UtilityOperators  Tap ......
  • 浏览器环境自吐模块
    https://github.com/daisixuan/r0chrome使用chromium查看js使用那些环境dtavm={}dtavm.log=console.logdtavm.proxy=function(obj,objname,type){functiongetMethodHandler(WatchName,target_obj){letmethodhandler={apply(target,thisAr......
  • js 头像上传(图片截取) 插件 全屏高清版 源码
    先上图片 index.html<!DOCTYPEhtml><html><head><metaname="viewport"content="width=device-width"/><title>ccp</title><linkhref="Content/ccp.css"rel="stylesheet"......
  • chrome模拟微信浏览器内核
     1、ios-QQ——内置浏览器UAMozilla/5.0(iPhone;CPUiPhoneOS7_1_2likeMacOSX)>AppleWebKit/537.51.2(KHTML,likeGecko)Mobile/11D257>QQ/5.2.1.302NetType/WIFIMem/282、ios-微信——微信内置浏览器UAMozilla/5.0(iPhone;CPUiPhoneOS7_1_2......
  • fastjson 把json字符串转成对象
    Stringjson="[{\"fid\":0,\"id\":1,\"name\":\"fjk的测试类目一级\"},{\"fid\":1,\"id\":2,\"name\":\"fjk的测试类目二级\"},{\"fid\":88,\"id\":98,\&q......
  • JS基础
    console.log()控制台输出alert()对话框confirm()确认框prompt("文本",“默认输入文本”)输入框parseFloat()将字符串转换为浮点型parseInt()将字符串转换为整型numberobjectundefinedNaNnullundefined自定义函数function函数名(params)......