博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
关于样式获取的小细节--屏蔽单位及计算样式
阅读量:7072 次
发布时间:2019-06-28

本文共 576 字,大约阅读时间需要 1 分钟。

以前写过一个移动的滑动事件,在改变样式的时候由于DOM.style.xxx获取到的内联样式是带单位的字符串,而获取计算样式的结果也是一样,故而我总是把单位先split掉再parseInt().今天偶然发现原来可以直接parseInt(返回的styleValue)。。。返回的结果是样式的数值,不带单位,方便直接计算/赋值

心里是日了狗狗的。。。。

下面附上以前收集在插件里的获取计算样式的方法,主要是兼容IE,这里先留下免得以后翻项目找。

1 (function(){2   var CM={};3   //more code4   CM.getStyle=function(el,attr){5 //获取el当前的attr样式,解决ie问题6     return el.currentStyle?el.currentStyle[attr]:getComputedStyle(el,null)[attr];7   };8   module.exports=CM;9 })()

*注意:getStyle方法里第二个参数是字符串形式,驼峰写法('marginLeft')和连字符写法('margin-left')都可以,返回值是个带样式单位的字符串。

转载于:https://www.cnblogs.com/alan2kat/p/7428002.html

你可能感兴趣的文章
我的友情链接
查看>>
html遮罩层js代码(实用)
查看>>
javascript判断浏览器支持CSS3属性
查看>>
Xbox One 电源
查看>>
网页锚点链接
查看>>
Linux运维 第五阶段 puppet基础
查看>>
【自学Linux】Linux文件系统管理(二)
查看>>
我的友情链接
查看>>
二手交易市场将慢慢落幕还是繁华?
查看>>
DNS
查看>>
android之路重新开启
查看>>
linux设置时间服务器
查看>>
NetScaler配置证书自签发
查看>>
Virtio:针对 Linux 的 I/O 虚拟化框架
查看>>
mysql 安装
查看>>
python函数:zip()
查看>>
我的友情链接
查看>>
联机对战DEMO
查看>>
使用struct实现面向对象编程的封装
查看>>
2017.12.20 2周3次课
查看>>