培训首页  >  web前端新闻  >  时创优服|Javascript兼容整理一

时创优服|Javascript兼容整理一

[2017-03-06 23:14:36] 浏览量:51 来源:

时创优服

  常见兼容 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第版本里面不能使用哦!

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


文中图片素材来源网络,如有侵权请联系删除
  • 软件开发
  • 软件测试
  • 数据库
  • Web前端
  • 大数据
  • 人工智能
  • 零基础
  • 有HTML基础
  • 有PHP基础
  • 有C语言基础
  • 有JAVA基础
  • 其他计算机语言基础
  • 周末班
  • 全日制白班
  • 随到随学

厚学推荐学校

网上报名

推荐学校

更多>>
热门信息