发布时间:2024年11月06日 17:41:59分享人:时光凉丷春衫薄来源:互联网2
周末写了个原生的animation组件,其中使用原生的document.getElementByIdx_x_x('...').style来获取元素的相关样式值,但是奇怪的是获取不到相应的值:<style>body{margin:0auto;text-align:center;}div{position:relative;left:10px;}</style><div id="pic1"><imgsrc="http://pic1.xihuan.me/edr/196__/t02362982432fa1b14e.jpg"></div><script>var dom1 = document.getElementByIdx_x('pic1');console.log(dom1.style.left);</script>控制台中显示为空。
查询了相关资料发现问题如下:style只能获取元素的内联样式,内部样式和外部样式使用style是获取不到的。currentStyle可以弥补style的不足,但是只适用于IE。getComputedStyle同currentStyle作用相同,但是适用于FF、opera、safari、chrome。
![js中style,currentStyle和getComputedStyle的区别 getcomputedstyle mdn](http://img.413yy.cn/images/30101030/30105633t01f78ea404b2437eef.jpg)
写了个getStyle的自定义函数,来兼容ie和其他浏览器,使用getStyle来获取页面中元素的样式,问题解决。getElementStyle: function(el,attr){//获取el当前的attr样式,解决ie问题returnel.currentStyle?el.currentStyle[attr]:getComputedStyle(el,null)[attr];}获取后返回10px。
注意:currentStyle和getComputedStyle只能用于获取页面元素的样式,不能用来设置相关值。如果要设置相应值,应使用style。
爱华网本文地址 » http://www.413yy.cn/a/25101010/38348.html
更多阅读
![](http://img.aihuau.com/images/30101030/30043737t0167cfd963077e673c.jpg)
电脑休眠和睡眠的区别——简介 Windows操作系统中很早就加入了待机、休眠等模式,而Windows Vista中更是新加入了一种叫做睡眠的模式,可是很多人还是习惯在不使用电脑的时候将其彻底关闭。其实充分利用这些模式,我们不仅可以节约电力消
![](http://img.aihuau.com/images/30101030/30044733t01ab6d279f4b20c23e.jpg)
骨瓷和陶瓷的区别骨瓷英文名称?BoneChina?,1794年由英国人发明,是世界上公认的最高档瓷器种。骨瓷是在瓷土中加入食草动物骨粉经过高温素烧和低温釉烧两次烧制,素有薄如纸、白如玉、明如镜、声如磬的美称,色泽成天然骨粉独有的自然奶
![](http://img.aihuau.com/images/30101030/30045228t01bbec681930e8ff68.jpg)
RAM和ROM的区别——简介RAM、ROM 一直是困扰不少用户的两个概念。很多手机用户不知道 RAM 和 ROM 到底有什么区别,总是一知半解,云雾缭绕。如今,小编为您解答,告诉您到底 RAM 和 ROM 有哪些区别。RAM和ROM的区别——RAM和ROM的区别RAM
料酒和黄酒的区别——简介在日常生活中,烹饪用酒统称"料酒",它包括黄酒、汾酒等。但是,市面上既有“料酒”,也有“黄酒”,而且很多人把“黄酒”叫“料酒”,又把“料酒”叫“黄酒”。那么我们在购买时应该如何选择,到底两者有什么区别呢?接下
![](http://img.aihuau.com/images/30101030/30053136t016a7cc0faa4aee9ac.jpg)
iphone4s和iphone5的区别——简介毫无疑问,不少用户都在殷切期盼苹果提升iPhone5的屏幕大小,继该机前置面板设计图曝光后,目前来看最大的区别在于屏幕的大小,从最新一批泄露的消息看,iPhone5与iPhone4S的区别中屏幕是最引人注意的,而后盖