资讯详情

时创优服|Javascript兼容整理一

2017-05-27 阅读:192 来源:时创优服
进入>

常见兼容IE、FF、GoogleChrome

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

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

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

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

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

functioncss(obj,attr,val){if(!val){if(obj.currentStyle){//IE独的属性。

returnobj.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第版本里面不能使用哦!

请联系网站客服,了解详细的优惠课程信息~

优质、权威、便捷、省心

加载全文

免责声明:本站部分内容、图片来自用户自主上传,如果您对本站信息资源版权的归属问题存有异议,请您致信,我们会立即做出答复并及时解决。如果您认为本站有侵犯您权益的行为,请通知我们,我们一定根据实际情况及时处理。

以上是时创优服为大家整理的有关时创优服|Javascript兼容整理一的全部内容,更多精彩请访问学习资讯新闻专栏。
上一篇:
下一篇: web前端进阶辅导

相关课程

更多>
2020猎学网广告栏
申请课程免费试听名额

课程顾问24小时内联系您

你好

顾问将于24小时内联系您!

确定
在线咨询 微信咨询 立即报名
申请1对1课程顾问咨询服务
×
你好

顾问将于24小时内联系您!

确定
北京猎学网 >时创优服 >时创优服|Javascript兼容整理一