如何用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://csruizhi.cn/article/jpohho.html

其他资讯

Copyright © 2007-2024 成都优众联杰科技有限公司 All Rights Reserved 蜀ICP备2024116266号
友情链接: 成都品牌网站设计 成都网站建设公司 企业网站设计 营销型网站建设 成都网站设计 企业网站制作 四川成都网站建设 重庆网站建设 成都网站设计 成都网站制作 成都网站建设 手机网站制作设计 成都h5网站建设 古蔺网站建设 专业网站设计 网站建设改版 成都网站建设 成都网站建设公司 成都营销网站制作 成都网站建设公司 定制网站设计 响应式网站建设