获取position的top、left

最新推荐文章于 2021-12-14 16:16:54 发布

demo_cz

最新推荐文章于 2021-12-14 16:16:54 发布

阅读量1k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： HTML+CSS+JavaScript 文章标签： javascript html

本文链接：https://blog.csdn.net/re_raise/article/details/77609390

HTML+CSS+JavaScript 专栏收录该内容

6 篇文章

订阅专栏

本文探讨了JavaScript中通过设置元素的position属性来修改其top和left值的问题，在IE浏览器下能够正常工作，但在Chrome浏览器中遇到障碍。提供了具体的测试代码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

JavaScript中，某标签设置position属性，获取/修改其top、left值

str.value.top=a;

str.value.left=b;

//str表示设置了position属性的元素

经测试：

ie中可以正常更新位置，Chrome中不行

测试代码：





   
   
position的top、left
<script type="text/javascript">
	function change(){
		document.getElementById("a").style.top=200;
		document.getElementById("a").style.left=200;
	}
</script>




	
   
   
    
    测试文本

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

demo_cz

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

原生js获取left值和top值的三种方法

10-19

在JavaScript中，获取元素的`left`和`top`值对于实现动态效果，特别是...无论哪种方式，都需要确保元素设置了`position:absolute`或`position:relative`的绝对定位属性，因为只有绝对定位的元素才有`left`和`top`属性。

jQuery.position()方法获取不到值的安全替换方法

10-24

.position()方法用于获取元素相对于其最近的已定位的父元素的位置，而.offset()方法则是获取相对于文档的绝对位置。然而，开发者在使用.position()方法时，特别是在某些特定浏览器如谷歌和IE中，可能会遇到获取不到...

参与评论您还未登录，请先登录后发表或查看评论

获取元素的定位值

baifu2766的博客

09-12

156

1、绝对定位 jquery获取元素的top值： $('#aa').offset().top; 2、相对定位 jquery获取元素的top值： $('#aa').position().top; 转载于:https://www.cnblogs.com/Zting00/p/7497682.html...

jquery的offset().top 和position().top 详解和如何用js实现

annuobin1120的博客

12-20

579

1 jquery定义：　　offset().top 相对于当前文档的坐标（的高度）　　　　　　　　　　　ps:包括滚动条卷去的高度　　position().top 返回的是相对于其定位的祖辈元素的坐标（的高度）　　　　　　　　　　　　ps:包括滚动条卷去的高度一图胜千言！统一前提绿色容器 margin-top: 10px 　　每一个红色...

【小5聊】jquery基础之offset和position的top、left值

小5聊的博客

12-14

1785

假如有这么一个需求，当打开下拉ul列表，列表值能够滚动到指定li中显示 1、offset() offset() 方法返回或设置匹配元素相对于文档的偏移（位置）。该方法返回的对象包含两个整型属性：top 和 left，以像素计。 2、position() position() 方法返回匹配元素相对于父元素的位置（偏移）。该方法返回的对象包含两个整型属性：top 和 left，以像素计。 3、由以上概念可知，获取li在ul中的top偏移值，需要使用position() 4、由以..

css中定位position、偏移top,bottom,left,right和高宽度设置问题

xiaoxiao_xiaoliu的专栏

09-12

7528

css中 1.定位问题

原生JS获取left/top值

魏毅博的博客

11-29

809

首先，要获取left/top值的该元素必须有 position：absolute；属性 obj.style.left；可以但不建议，此方法只能取到行内样式的left/top值，style标签及link引入的样式都读取不到建议使用 obj.offsetleft；去获取...

获取元素绝对位置 position

04-01

console.log('Top:', position.top, 'Left:', position.left); ``` 博客链接中的`getPosition1.html`和`getPosition2.html`可能包含了两种不同的实现方式，一种可能是使用`getBoundingClientRect()`，另一种可能是...

jquery计算出left和top,让一个div水平垂直居中的简单实例

10-21

通过计算`$("#cont1").offset().left`和`$("#cont1").position().left`以及`$("#cont1").offset().top`和`$("#cont1").position().top`的差值，我们可以得到由于滚动而产生的偏移量，然后将这些偏移量加到`left`和`...

js获取top和left

xiangZHANG110的专栏

07-20

4766

js获取top值有三种方法获取，下面分别来讲一下 1.直接获取 obj.style.top ，但很多时候取出来是个空的，原因是这种方法只能获取行间样式设置的，用style写在外面的和link进来的并不能获取到，所以很多时候得到的是个空 2. 只读的方法可以获取所有style样式，存在兼容性问题，在标准浏览器中可以通过window.getComputedStyle(对象，null).l...

通过javascript获取元素position

aiyigeng5987的博客

11-16

955

function getOffset( el ) { var _x = 0; var _y = 0; while( el && !isNaN( el.offsetLeft ) && !isNaN( el.offsetTop ) ) { _x += el.offsetLeft - el.scrollLeft; ...

html 图片position,【图解CSS#Position】

weixin_33837884的博客

06-07

246

关于CSS position，来自MDN的描述：CSS position属性用于指定一个元素在文档中的定位方式。top、right、bottom、left 属性则决定了该元素的最终位置。先看一个图片：child没设置position的样式代码如下：child1-1child1-2child1-3child1-4.parent1{background-color: chocolate;width: ...

父子div同时设置position:absolute 对子元素设置top值，子元素的top是相对于父元素的border内边缘

qq_42217228的博客

09-25

1272

代码：展现形式：

JavaScript---left与offsetLeft

maidu_xbd的博客

10-30

1050

left 属性：获取或设置具有定位属性（position: absolute）的子元素相对于具有定位属性(position:relative)的父对象的左边距【子绝父相原则】，如果具有定位属性（position: absolute）找不到具有定位属性(position:relative)的父对象，则将相对于body定位。【补充：绝对定位与相对定位说明】绝对定位（position: a...

javascript中的position的说明

cw_hello1的专栏

11-24

4633

javascript中的position有四个参数： static:无特殊定位。即left,bottom,top,right属性不起作用，元素本应放在那里就放在哪里，这个属性值是默认的。 relative:相对定位：他是相对于元素本应放在那里的一个偏移量，left,right,top,bottom属性可以使用。他们的值默认为0.如果没有设置这些属性，他和使用static放的位置是一样的。它可以

js获取元素的left和top值方法总结

热门推荐

zmjのblog

06-14

1万+

方法一：使用obj.style.left和obj.style.top 该方法获取到的样式可读可写但是这种方法有局限性，仅能获取行内样式中的left，right。如果写在了style标签里，或者link引入的css文件中，则获取不到方法二：使用window.getComputedStyle 该方法接收两个参数第一个参数是，要获取样式的元素第二个是可选参数，要匹配的伪元素的字符串用法 ...

position 的属性值

weixin_34367257的博客

07-28

260

js获取left值的方法

兔子学前端

11-09

6725

在用js做动态效果时，通常需要获取元素绝对定位中的left和top属性值。比如做一个碰撞广告，就要不停的获取元素的top和left属性值。需要注意的事：取值的元素必须要设置position:absolute绝对定位属性，才能取的到left值。第一种方法，比较简单，就是直接通过obj.style.left和obj.style.top，但是有局限性，这种获取的方法只能获取到行内

JavaScript初学——通过position解决定位问题

weixin_40615146的博客

01-21

1935

absolute：生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。元素的位置通过 “left”, “top”, “right” 以及 “bottom” 属性进行规定。 fixed：生成绝对定位的元素，相对于浏览器窗口进行定位。元素的位置通过 “left”, “top”, “right” 以及 “bottom” 属性进行规定。（可用于固定菜单） relative：生成相对定...

uni-app nvue position absolute top和left怎么能居中显示不支持百分比呢