`

javascript操作CSS

    博客分类:
  • js
 
阅读更多

JS操作css的float属性的特殊写法
使用js操作css属性的写法是有一定的规律的:

1、对于没有中划线的css属性一般直接使用style.属性名即可。
如:obj.style.margin,obj.style.width,obj.style.left,obj.style.position等。

2、对于含有中划线的css属性,将每个中划线去掉并将每个中划线后的第一个字符换成大写即可。
如:obj.style.marginTop,obj.style.borderLeftWidth,obj.style.zIndex,obj.style.fontFamily等。

这个规律我想大多数的前端开发者也都熟知。但在css中有一个特殊的属性其js使用方法比较特殊。
这个特殊的属性就是:float。我们不能直接使用obj.style.float来使用,这样操作是无效的。

其正确的使用方法是为:IE:obj.style.styleFloat,其他浏览器:obj.style.cssFloat。

分享到:
评论

相关推荐

    JavaScript 操作CSS类

    `etank.gif`可能是一个动态图,用于展示CSS类变化的效果,而`tank.html`可能是一个包含了上述JavaScript操作CSS类的实例页面。通过实际运行和观察这些示例,开发者可以更直观地理解这些方法的工作原理。 总结来说,...

    “JavaScript操作CSS”课堂教学设计.pdf

    "JavaScript操作CSS"课堂教学设计 本文主要讲述了如何在教学中Effective JavaScript操作CSS的方法。文章从HTML、CSS和JavaScript的基本概念出发,引入了JavaScript的基本概念和特点,并分析了JavaScript在Web前端...

    jsstyle:使用 JavaScript 操作 CSS

    综上所述,jsstyle 提出了一种通过JavaScript操作CSS的思路,尽管它可能不适用于复杂的媒体查询场景,但对于初学者或简单的项目来说,它提供了一种直观的样式管理方式。了解和掌握上述JavaScript操作CSS的知识点,...

    web实例参考学习(javascript和css)

    或者通过JavaScript操作CSS3动画,实现复杂的过渡和变换效果。 4. **DOM操作**:JavaScript可以通过DOM API来读取、修改和添加HTML元素。实例可能包括查找元素、遍历元素树、添加和删除元素、以及改变元素的属性和...

    javascript Css 样式

    02 可能进一步讲解如何用JavaScript操作CSS,如动态添加CSS样式、读取和修改元素样式,以及使用CSS3的新特性。 03 可能涉及更高级的主题,如JavaScript与CSS动画的结合,事件监听和处理,以及如何实现更复杂的效果,...

    JavaScript动态生成css

    CSSOM是CSS对象模型,它允许JavaScript操作CSS样式。通过CSSOM,我们可以获取、修改和添加CSS选择器。例如: ```javascript let rule = style.sheet.cssRules[0]; rule.selectorText = '.anotherClass'; rule.style...

    JavaScript 第五章 JavaScript控制CSS

    在HTML文档中,CSS用于定义元素的外观和布局,而JavaScript则提供了操作这些样式的手段。通过JavaScript,我们可以在用户与网页交互时实时更新CSS属性,如颜色、大小、位置等,从而创建出动态和响应式的用户体验。 ...

    JavaScript&DHTML&CSS中文版参考大全

    DHTML使得网页可以在不重新加载整个页面的情况下更改内容,例如通过JavaScript操作CSS样式或修改HTML结构,实现元素的动画效果、下拉菜单、弹出窗口等交互功能。 CSS,层叠样式表,是用于描述HTML或XML(包括SVG、...

    JavaScript CSS Style属性对照表

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

    html+javascript+css(8本chm)

    此外,JavaScript还有许多库和框架,如jQuery简化DOM操作,React用于构建用户界面,Vue.js提供组件化开发。 4. **ASP (Active Server Pages)**:ASP是微软的一种服务器端脚本环境,用于创建动态交互式网页。在ASP中...

    javascript+css+html教程

    JavaScript、CSS和HTML是网页开发的三大核心技术,它们共同构建了网页的动态功能、样式设计和结构布局。这篇教程将全面地介绍这三者的基本概念、语法和常见应用。 首先,我们来了解一下HTML(HyperText Markup ...

    jQuery.JavaScript与CSS开发入门经典

    《jQuery.JavaScript与CSS开发入门经典》是一本旨在引导初学者进入前端开发领域的书籍,它涵盖了Web开发中三个至关重要的技术:jQuery、JavaScript和CSS。这三者是构建交互式和动态网页的基础,也是现代Web开发的...

    Javascript和Css属性对照

    通过 JavaScript 的 DOM 操作,我们可以实时改变元素的 CSS 属性。例如: ```javascript let myElement = document.querySelector('#myElement'); myElement.style.backgroundColor = 'red'; // 改变背景色 ...

    Learning PHP MySQL Javascript CSS and HTML5

    本书名为《Learning PHP, MySQL, JavaScript, CSS & HTML5》,主要针对初学者,全面介绍了与Web开发相关的几项核心技术。书中涉及的主题包括PHP服务器端脚本语言、MySQL数据库系统、客户端JavaScript脚本、CSS层叠...

    javascript操作Div+css

    javascript操作Div和Css 网页开发必备

    HTML+Javascript+CSS测试题

    5. DOM操作:了解如何使用JavaScript操作DOM节点,包括创建、删除、查找和修改元素。 6. 事件处理:理解事件冒泡、事件捕获和事件委托,以及如何绑定和移除事件监听器。 7. AJAX使用:测试异步请求的编写和数据处理...

    web课程关于css和javascript的所有练习

    - **JavaScript操作CSS**:使用JavaScript动态改变元素的样式,例如改变颜色、大小或位置。 - **事件委托**:利用CSS选择器配合JavaScript,实现事件处理的效率提升。 - **CSS动画与JavaScript交互**:结合CSS ...

    Javascript、CSS压缩

    这个简单的工具"JS、CSS压缩.exe"可能就是为用户提供一个直观的界面,方便非开发者也能进行JavaScript和CSS的压缩操作。 在实际开发中,JavaScript和CSS的压缩通常结合Gzip或Brotli等服务器端的压缩算法,进一步...

    CSSFeaturesDatabase一个CSS特性数据库

    1. **CSSOM**: CSS Object Model允许通过JavaScript操作CSS样式,动态改变页面外观。 2. **CSS动画与JavaScript的配合**: 通过JavaScript,开发者可以精确控制CSS动画的启动、暂停、恢复或更改其参数。 3. **CSS...

Global site tag (gtag.js) - Google Analytics