浅谈offsetleft与left系列的区别

最新推荐文章于 2023-07-17 21:45:27 发布

Crazier_qi

最新推荐文章于 2023-07-17 21:45:27 发布

阅读量8.5k

点赞数 1

分类专栏： JavaScript 文章标签： offsetLeft offsetWidth left width

本文链接：https://blog.csdn.net/github_33261002/article/details/50889689

版权

本文探讨了JavaScript中的offsetLeft和left属性的区别。offsetLeft返回元素与父元素已定义的左边距，是一个数值；而left是需要计算的左边距，通常用于动态设置。offsetWidth包括border、width和padding，返回数值，而width返回带有单位的字符串。在运动框架中，常将offsetLeft赋值给left进行动画处理。

摘要由CSDN通过智能技术生成

在复习javascript运动框架的过程中，又遇到了offset属性，之前一直比较模糊的一个知识点，今天各方查阅资料总算有了一个比较清楚地认识，特来道一道其中真谛！

首先来一段代码测试测试！

<!DOCTYPE html> 
<html> 
<head> 
<meta charset=" utf-8"> 
<meta name="author" content="http://www.softwhy.com/" /> 
<title>未定义</title>
<style type="text/css"> 
div{ 
  width:100px; 
  height:100px; 
  border:5px solid red; 
  background-color:green; 
  padding:3px; 
} 
</style> 
<script type="text/javascript"> 
window.οnlοad=function(){ 
 
<span style="color:#6600cc;"><strong>  console.log(document.getElementById("mytest").offsetWidth); 
  console.log(document.getElementById("mytest").style.width);</strong> </sp

最低0.47元/天解锁文章

Crazier_qi

关注

1
点赞
踩
9

收藏

觉得还不错? 一键收藏
0
评论
浅谈offsetleft与left系列的区别

在复习javascript运动框架的过程中，又遇到了offset属性，之前一直比较模糊的一个知识点，今天各方查阅资料总算有了一个比较清楚地认识，特来道一道其中真谛！首先来一段代码测试测试！未定义 div{ width:100px; height:100px; border:5px solid red; background-color:gre
复制链接

扫一扫

专栏目录