在写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
分享到:
- 2009-08-31 13:12
- 浏览 2006
- 评论(0)
- 论坛回复 / 浏览 (0 / 2551)
- 查看更多
相关推荐
### JavaScript 操作 CSS Float 属性的特殊写法 在网页开发过程中,JavaScript 与 CSS 的交互十分常见。其中,利用 JavaScript 动态控制元素样式的能力是实现页面动态效果的重要手段之一。本文主要介绍如何通过 ...
为了确保代码能够在各种浏览器中正常运行,建议使用`style.cssFloat`或`style.styleFloat`来设置`float`属性,并根据不同的浏览器环境选择合适的方法来获取`float`属性的值。这种方法可以有效地提高代码的兼容性和可...
一、使用js操作css属性的写法 1、对于没有中划线的css属性一般直接使用style.属性名即可。 如:obj.style.margin,obj.style.width,obj.style....3、js操作css float属性的特殊写法 因为 float 是javascript的保留字
### JS与CSS样式对照知识点详解 #### CSS样式与JavaScript属性对照表 在Web开发中,JavaScript经常被用来动态地修改CSS样式,实现页面元素的动态效果。为了方便开发者理解和使用,这里详细介绍了一些常用的CSS样式...
#### 二、JavaScript操作CSS Style属性的基础 在JavaScript中,可以通过`element.style`来访问和修改元素的行内样式。需要注意的是,虽然CSS属性名通常是小写的连字符分隔形式(如`border-color`),但在JavaScript...
ie里面用styleFloat 其他用cssFloat 本文向大家简单介绍一下JS操作css的float属性的特殊写法,对于含有中划线的css属性,将每个中划线去掉并将每个中划线后的第一个字符换成大写即可。 Js style float JS操作css的...
为了更好地控制页面元素的样式,开发者经常需要通过JavaScript来操作DOM节点的`style`属性。本文将详细介绍CSS中的样式属性与JavaScript中对应的`style`属性之间的关系,并通过具体示例帮助读者更好地理解和应用这些...
此外,还提到了一些相关的CSS知识点,如`javascript css styleFloat`、`javascript css float 属性的特别写法`、`CSS 中Float(浮动)相关技巧`、`javascript 下操作 css 的float 属性的特别写法`、`css position: ...
文件"js-0165"可能是示例代码的一部分,它可能包含了利用JavaScript操纵CSS属性以实现动态布局的代码片段。这可能涉及到修改元素的样式,比如改变宽度、高度、位置,或者根据屏幕尺寸应用不同的CSS类。 学习"精品 ...
在JavaScript中,对元素的CSS样式进行操作是常见的任务,这通常涉及到`element.style`对象。这个对象允许我们直接访问和修改元素的内联样式。下面是对标题和描述中提到的一些CSS Style属性在JS中的详细解释: 1. **...
它们之间有一些属性是可以相互对应的,使得开发者可以通过JavaScript来操作和改变CSS样式。以下是一些主要的CSS与JS属性对照: 1. 边框属性: - CSS中的`border`属性可以设置元素的全部边框,而在JavaScript中,...
在写js操作css的过程中发现float属性在IE和firefox下对应的js脚本是不一样的,IE下对应得是 styleFloat,firefox,chorme,safari下对应的是cssFloat,可用in运算符去检测style是否包含此属性。
- 脚本引用:通过JavaScript动态插入CSS样式。 3. **CSS元素与布局**: - `SPAN`和`DIV`:`SPAN`通常用于内联元素的样式控制,而`DIV`作为块级元素,可以控制区域布局,两者可通过`display`属性转换其行为。 - ...
在深入探讨Dreamweaver中的CSS编辑器及其对应的CSS属性之前,我们先来了解一下Adobe Dreamweaver。这是一款由Adobe公司开发的专业级Web设计工具,它为网页开发者提供了强大的可视化编辑环境,支持HTML、CSS、...
在IT行业中,JavaScript(简称JS)和CSS是构建网页动态效果和美观界面不可或缺的两种技术。"88种常用JS.CSS效果"这个压缩包文件很可能包含了88个不同的示例,每个示例都是一个实现特定视觉效果或交互功能的代码片段...