`
zhouyrt
  • 浏览: 1141896 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

js操作css float属性

阅读更多

在写js操作css的过程中发现float属性在IE和firefox下对应的js脚本是不一样的,IE下对应得是styleFloat,firefox,chorme,safari下对应的是cssFloat,可用in运算符去检测style是否包含此属性。

 

下面是兼容性代码

LTFunction.setFloatStyle=function(obj,style)
{
	var sty=obj.style;
	if('cssFloat' in sty){
		obj.style.cssFloat=style;
	}else if('styleFloat' in sty){
		obj.style.styleFloat=style;
	}else{
		throw 'set float style:'+style+'error.';
	}
}
 

 

参考:

https://developer.mozilla.org/en/CSS/float

http://msdn.microsoft.com/en-us/library/ms530755%28VS.85%29.aspx

分享到:
评论

相关推荐

    javascript css float属性的特殊写法

    ### JavaScript 操作 CSS Float 属性的特殊写法 在网页开发过程中,JavaScript 与 CSS 的交互十分常见。其中,利用 JavaScript 动态控制元素样式的能力是实现页面动态效果的重要手段之一。本文主要介绍如何通过 ...

    javascript下操作css的float属性的特殊写法

    为了确保代码能够在各种浏览器中正常运行,建议使用`style.cssFloat`或`style.styleFloat`来设置`float`属性,并根据不同的浏览器环境选择合适的方法来获取`float`属性的值。这种方法可以有效地提高代码的兼容性和可...

    详解Javascript动态操作CSS

    一、使用js操作css属性的写法 1、对于没有中划线的css属性一般直接使用style.属性名即可。 如:obj.style.margin,obj.style.width,obj.style....3、js操作css float属性的特殊写法 因为 float 是javascript的保留字

    js与css样式对照

    ### JS与CSS样式对照知识点详解 #### CSS样式与JavaScript属性对照表 在Web开发中,JavaScript经常被用来动态地修改CSS样式,实现页面元素的动态效果。为了方便开发者理解和使用,这里详细介绍了一些常用的CSS样式...

    JavaScript CSS Style属性对照表

    #### 二、JavaScript操作CSS Style属性的基础 在JavaScript中,可以通过`element.style`来访问和修改元素的行内样式。需要注意的是,虽然CSS属性名通常是小写的连字符分隔形式(如`border-color`),但在JavaScript...

    如何用js控制css中的float的代码

    ie里面用styleFloat 其他用cssFloat 本文向大家简单介绍一下JS操作css的float属性的特殊写法,对于含有中划线的css属性,将每个中划线去掉并将每个中划线后的第一个字符换成大写即可。 Js style float JS操作css的...

    CSS和JavaScript标签style属性对照表

    为了更好地控制页面元素的样式,开发者经常需要通过JavaScript来操作DOM节点的`style`属性。本文将详细介绍CSS中的样式属性与JavaScript中对应的`style`属性之间的关系,并通过具体示例帮助读者更好地理解和应用这些...

    css 跨浏览器实现float-center.docx

    此外,还提到了一些相关的CSS知识点,如`javascript css styleFloat`、`javascript css float 属性的特别写法`、`CSS 中Float(浮动)相关技巧`、`javascript 下操作 css 的float 属性的特别写法`、`css position: ...

    精品 js+css布局

    文件"js-0165"可能是示例代码的一部分,它可能包含了利用JavaScript操纵CSS属性以实现动态布局的代码片段。这可能涉及到修改元素的样式,比如改变宽度、高度、位置,或者根据屏幕尺寸应用不同的CSS类。 学习"精品 ...

    JS中的CSS_Style属性标签对照表.docx 含有CSS 的详细属性说明

    在JavaScript中,对元素的CSS样式进行操作是常见的任务,这通常涉及到`element.style`对象。这个对象允许我们直接访问和修改元素的内联样式。下面是对标题和描述中提到的一些CSS Style属性在JS中的详细解释: 1. **...

    CSS与JS属性对照表

    它们之间有一些属性是可以相互对应的,使得开发者可以通过JavaScript来操作和改变CSS样式。以下是一些主要的CSS与JS属性对照: 1. 边框属性: - CSS中的`border`属性可以设置元素的全部边框,而在JavaScript中,...

    javascript css styleFloat和cssFloat

    在写js操作css的过程中发现float属性在IE和firefox下对应的js脚本是不一样的,IE下对应得是 styleFloat,firefox,chorme,safari下对应的是cssFloat,可用in运算符去检测style是否包含此属性。

    css常用属性

    - 脚本引用:通过JavaScript动态插入CSS样式。 3. **CSS元素与布局**: - `SPAN`和`DIV`:`SPAN`通常用于内联元素的样式控制,而`DIV`作为块级元素,可以控制区域布局,两者可通过`display`属性转换其行为。 - ...

    Dreamweaver里CSS编辑器对应的CSS属性

    在深入探讨Dreamweaver中的CSS编辑器及其对应的CSS属性之前,我们先来了解一下Adobe Dreamweaver。这是一款由Adobe公司开发的专业级Web设计工具,它为网页开发者提供了强大的可视化编辑环境,支持HTML、CSS、...

    88种常用JS.CSS效果

    在IT行业中,JavaScript(简称JS)和CSS是构建网页动态效果和美观界面不可或缺的两种技术。"88种常用JS.CSS效果"这个压缩包文件很可能包含了88个不同的示例,每个示例都是一个实现特定视觉效果或交互功能的代码片段...

Global site tag (gtag.js) - Google Analytics