如何用JavaScript控制CSS的float属性

这篇文章主要介绍“如何用JavaScript控制CSS的float属性”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“如何用JavaScript控制CSS的float属性”文章能帮助大家解决问题。

10多年的英吉沙网站建设经验,针对设计、前端、开发、售后、文案、推广等六对一服务,响应快,48小时及时工作处理。成都营销网站建设的优势是能够根据用户设备显示端的尺寸不同,自动调整英吉沙建站的显示方式,使网站能够适用不同显示终端,在浏览器中调整网站的宽度,无论在任何一种浏览器上浏览网站,都能展现优雅布局与设计,从而大程度地提升浏览体验。成都创新互联公司从事“英吉沙网站设计”,“英吉沙网站推广”以来,每个客户项目都认真落实执行。

用JavaScript控制CSS的float属性

今天学习JavaScript控制CSS的float属性时发现的一个兼容性问题,在Aptana没有代码提示,用VisualStudio2008也没有代码提示,不知道是不是因为这个属性在不同的浏览器中不能兼容还是它们都有Bug。先看一下我写的DEMO吧。

ExampleSourceCode

    测试了   functiondivFloatRight(e){  e.style.backgroundColor="#ff0000";  e.style.styleFloat="right";//IE  e.style.cssFloat="right";//firefoxandothersexplorer  }  functiondivFloatLeft(e){  e.style.backgroundColor="transparent";  e.style.styleFloat="left";  e.style.cssFloat="left";  }      
  //JavaScript控制div的float属性,onmousemove~float:right,onclick~float:left。  
 
  

在这里,IE只能支持obj.style.styleFloat,而Firefox和其它的浏览器只支持obj.style.cssFloat。为了解决这个浏览器兼容问题,一开始小题大作的打算写一个浏览器判断的方法,后来反过来一想,只要把这两个属性设置的语句写在一起就可以兼容各个浏览器了。

关于“如何用JavaScript控制CSS的float属性”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识,可以关注创新互联行业资讯频道,小编每天都会为大家更新不同的知识点。


文章名称:如何用JavaScript控制CSS的float属性
标题路径:http://ybzwz.com/article/jpohho.html

其他资讯