用JavaScript控制CSSfloat属性的方法

本篇内容主要讲解“用JavaScript控制CSS float属性的方法”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“用JavaScript控制CSS float属性的方法”吧!

创新互联成立于2013年,我们提供高端网站建设重庆网站制作成都网站设计、网站定制、营销型网站建设小程序制作、微信公众号开发、网站推广服务,提供专业营销思路、内容策划、视觉设计、程序开发来完成项目落地,为成都封阳台企业提供源源不断的流量和订单咨询。

用JavaScript控制CSS的float属性

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的作用是什么

1、能够嵌入动态文本于HTML页面。2、对浏览器事件做出响应。3、读写HTML元素。4、在数据被提交到服务器之前验证数据。5、检测访客的浏览器信息。6、控制cookies,包括创建和修改等。7、基于Node.js技术进行服务器端编程。

到此,相信大家对“用JavaScript控制CSS float属性的方法”有了更深的了解,不妨来实际操作一番吧!这里是创新互联网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!


文章名称:用JavaScript控制CSSfloat属性的方法
文章路径:http://hbruida.cn/article/ggpgge.html

其他资讯