时创优服｜Javascript兼容整理一

　　常见兼容 IE、 FF、 Google Chrome

　　导读：在学习或者使用javascript的过程中，为痛苦的就是浏览器兼容问题

　　1、样式的获取(注意：样式表里面的css属性，而非行间样式)与设置兼容写法

　　解决办法(封装函数) ：currentStyle(IE) getComputedStyle(标准浏览器)

　　> 参数说明：obj为传入的当前元素、attr为获取或设置的属性名、val设置行间样式属性时能用到的设置值

　　获取和设置属性的封装函数

　　function css(obj,attr,val){ if(!val){ if(obj.currentStyle){ //IE独的属性。 return obj.currentStyle[attr]; }else{ //只有标准浏览器支持。 return getComputedStyle(obj,false)[attr]; } }else{ //设置行间样式属性对应值 obj.style[attr]=val; } }

　　代码使用示例：

　　css样式：

　　#example{width:100px;height:100px;background:red;}

　　HTML结构：

获取元素样式

　　JavaScript调用方法：

　　//获取css样式 console.log(css(item,'width')); 返回结果：100px //设置行间样式 css(item,'margin',"200px");

　　注意console.log在IE第版本里面不能使用哦!

请联系网站，了解详细的优惠课程信息~
优质、、便捷、省心