js获取style.left为什么为空？

最新推荐文章于 2025-01-04 23:26:24 发布
原创 最新推荐文章于 2025-01-04 23:26:24 发布 · 1.5k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了如何使用element.style.left获取元素的行内样式，并指出其局限性。对于无法通过此方法获取的样式，推荐使用element.offsetLeft来替代。

原因：

element.style.left 只能获得element的行内样式，所以一般写在style或css文件内的left就无法获得。

解决办法：

用element.offsetLeft来获取

JS获取浮动(float)元素的style.left值为空的快速解决办法
10-20
然而，在处理浮动(float)元素时，可能会遇到一个常见问题，即尝试通过`style.left`获取元素位置时，其值可能为空。这个问题主要出现在以下情况： 1. 当一个元素设置了浮动(float)，例如`float: left`或`float: ...
JavaScript中无法通过div.style.left获取值的解决方法
10-20
当要通过JavaScript获取元素的偏移量时，通常使用offsetLeft更为直接和方便。 下面是一个简单的示例： ```javascript var div = document.getElementById('div4'); var leftValue = div.offsetLeft; // 获取元素...
style.left不起作用的问题
wwwjr00的博客
05-23 5607
最近调试程序：待续
由于 box.style.left只能获取行内样式的值，不能获取到css中JS中样式left等值；用JS获取外部CSS样式--currentStyle和getComputedStyle的兼容写法
吃瓜群众的博客
10-06 2871
currentStyle：获取计算后的样式，也叫当前样式、最终样式。currentStyle无法适用于所有浏览器 getComputedStyle(obj,false)：在FF新版本中只需要第一个参数，即操作对象，第二个参数写“false”也是大家通用的写法，目的是为了兼容老版本的火狐浏览器。 兼容写法： if(obj.currentStyle)           { ret
JS中div.style.left和div.offsetLeft的区别
HarryMing的技术分享
07-09 2428
两者比较重要的几点区别 一、最大区别在于offsetLeft可以返回没有定位盒子的距离左侧的位置。 代码如下(此时父子盒子都不带有定位)： <head> <style> .out{ width: 100px; height: 100px; ...
style.left
qq_41818857的博客
05-13 543
无法获取style标签以及link标签导入的left值。 解决方法： 换 jq 的一种方式 var left = $(’#v12’).position().left; var top = $(’#v12’).position().top; 或者 getComputedStyle(元素, null)[“left”]
JavaScript中style.left与offsetLeft的使用及区别详解
10-22
此外，如果元素没有明确定义style.left属性，则该值为空字符串，获取到的值也会为空。 与style.left不同，offsetLeft是元素的一个只读属性，它返回一个表示元素左外边框与包含它的元素左内边框之间的距离的数值。这...
javascript中style.left和offsetLeft的用法说明
10-26
在这个例子中，我们首先获取了触发变化的select元素的offsetLeft值，然后将其转换为数值，再加上需要偏移的像素值20，最后将得到的字符串值赋给新创建的select元素的style.left属性，从而实现偏移效果。 总之，理解...
style.left和offsetLeft 用法
m0_49793175的博客
02-10 460
这里写自定义目录标题Javascript中的style.left和offsetLeft的使用说明 Javascript中的style.left和offsetLeft的使用说明 style.left 和 offsetLeft 如果设置了父子的postion之后，才是相同的，唯一的区别是offsetLeft 是整型，style.left 是字符串。务必设置父的postiion为relative ，子的position设置为absolute才能生效。否则无效 ...
js中的offsetLeft和style.left
zp19860529的博客
08-05 2362
（1）style.left是带单位"px"的，而offsetLeft没有单位，另外，style.left必须是内联样式，或者在JS中通过style.left赋值，否则取得的将为空字符串（在内部样式和外部样式中指定left是无效的） （2）如果没有已经定位的父元素，那么offsetLeft指向的是文档（document）的左边缘 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"&g
JavaScript DOM解决出现的elem.style.left为Nan的问题
LXpiggy的博客
09-18 499
JavaScript DOM解决出现的elem.style.left为Nan的问题 在使用DOM写动画的时候，使用代码 // An highlighted block function moveElement() { var m = document.getElementById("numb"); var t = setTimeout("move()",10); } function move() { var m = document.getElementById("numb");
Js获取样式style获取全为空
qq_15506981的博客
11-27 2203
js中设置和获取样式都是针对于标签上的style来获取或者设置的,无法获取到css文件夹里面的样式 如上图,js获取的都是标签上的style内联样式,设置的时候也是设置的标签上的内联样式,因此获取属性的时候有时候全为空 ...
‘元素.style.样式名‘获取不到样式，应该使用Window.getComputedStyle()获取正真的样式
qq_54140719的博客
01-04 1106
通过`元素.style.样式名`获取不到样式，因为js通过这种方式获取的只是内联样式，应该使用Window.getComputedStyle()获取正真的样式
js无法获取style中样式
qq2351227851的博客
11-27 772
我发现js有时候能获取到style中样式，有时候又不能，后来查了一下才发现 内嵌式和外部式js没有办法获得非行内式定义的样式 解决方法： 虽然获取不了，但我们可以先赋值啊，我在获取之前使用 element.style.样式 = xxxxx 你再获取不就有了吗 原来不是有时候js能获取到，有时候不能获取到，而是我给它赋值了，它肯定有值了啊 ...
(转)用js无法获取style样式的问题解析与解决方法
weixinhmz的博客
09-03 567
(转)用js无法获取style样式的问题解析与解决方法
用来实现Web页面图片移动托拽的代码段
weixin_33895516的博客
06-13 138
以下这段JS是主要解决在画面生成Image项目，并通过鼠标事件进行脱拽、移动等操作的代码。 &lt;script language="javascript" type="text/javascript"&gt; var top,left; var src,drag,dir,ope,refer,halfwidth; var unit=30; var aryItems,ite...
js中xx.style.top、xx.style.left等取不到值的原因
weixin_30852451的博客
05-17 706
　　在js中有的朋友用xx.style.top取不到对象的值，很是郁闷。原因就在与style只能内嵌样式的值。 也就是说要这么写才能获取到值： 　　　<div id="xx" style="width:200px;height:200px; top:100px;"></div> 　　下面是参考： 　　　　var divTop =divObj.style.top /...
获取css样式表内样式的js函数currentStyle(IE),defaultView(FF)
weixin_33963594的博客
07-07 220
jS从样式表取值的函数，IE中以currentStyle,firefox中defaultView来获取，需要的朋友可以参考下。可是DOM.style这种写法只能访问&lt;DOM&gt;&lt;/DOM&gt;，这样在标签里内置的样式，如果样式写在&lt;style type="text/css"&gt;&lt;/style&gt;，或者.css文件里，那么就没有办法读到样式了。 其实呢，还有别的...
为什么console.log(div1.style.left)控制台不出数据
最新发布
09-25
根据用户的问题，用户想知道为什么`console.log(div1.style.left)`在控制台不出数据。 首先，我们需要明确：`div1.style.left` 获取的是该元素的内联样式（即通过style属性直接设置的样式），而不是计算样式（即...
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值