`

dojo style

    博客分类:
  • Dojo
阅读更多
1)dojo.addClass(node: DomNode|String , classStr: String )

添加某class到节点,

var node=dojo.byId('divv');

dojo.addClass('divv', 'color');

dojo.addClass(node, 's1');


2)var bool = dojo.hasClass(node: DomNode|String , classStr: String )


3)var bool = dojo.removeClass(node: DomNode|String , classStr: String )

Removes the specified classes from node.


4)dojo.toggleClass(node: DomNode|String , classStr: String , condition: Boolean? )

添加或移除某节点的class,可以传入condition强制开或关class属性


5)dojo.style(node: DomNode|String , style: Object? , value: String? )

可传入2个或3个参数,可设定或读取style

dojo.style(‘node’, ‘color’);           //get

dojo.style(‘node’, {color: ‘red’})     //set

dojo.style(‘node’, ‘color’, ‘red’); //set


6)批量处理style,NodeList功能

dojo.query('div').style({color:'blue'});

dojo.query('div').addClass(‘className’);

dojo.query('div').removeClass(‘className’);

dojo.query('div').toggleClass(‘className’);

分享到:
评论

相关推荐

    Dojo Style Guide

    《Dojo样式指南》 Dojo样式指南是针对Dojo框架开发的一套规范,旨在提高代码的可读性、可维护性和团队协作效率。这份指南受到了Dojo核心开发者讨论的影响,特别关注对外部开发者与Dojo代码和API交互时的影响。尽管...

    dojo中文文档-dojo手册

    此外,Dojo还提供了一套强大的DOM操作API,如dojo.create、dojo.destroy和dojo.style,使得在JavaScript中操作DOM变得简单易行。 在数据交互方面,Dojo的dojo.xhr系列函数(如dojo.xhrGet、xhrPost)实现了与服务器...

    dojo1.6关于DOM相关操作的官方介绍

    8. **dojo.style**: `dojo.style`提供了一种简洁的方式来操作元素的CSS样式。它可以接受一个元素节点和一个或多个样式属性,或者仅仅获取某个元素的样式属性值。 9. **dojo.connect**: Dojo的事件处理机制是基于`...

    dojo实战+实用例子

    Dojo的DOM操作库提供了一组高效且易于使用的API,如`dojo/query`用于选择元素,`dojo/dom`用于获取和设置元素属性,`dojo/dom-geometry`用于获取元素的位置和尺寸,以及`dojo/dom-class`和`dojo/dom-style`用于处理...

    dojo入门实例介绍

    require(["dojo/dom", "dojo/dom-style"], function(dom, domStyle){ var element = dom.byId("myElement"); domStyle.set(element, "color", "red"); }); ``` 事件处理在Dojo中也非常简单。例如,监听按钮点击...

    dojo官网的源码dojo官网的源码

    `dojo/dom-construct`和`dojo/dom-style`则分别处理元素的创建和样式修改。 5. **事件处理**:`dojo/on`(在1.4.2版本中可能是`dojo/connect`)模块负责事件监听,支持DOM事件和自定义事件。 6. **AJAX和数据交换*...

    dojo快速入门(中文版)

    《dojo快速入门(中文版)》 dojo Toolkit是一个开源的JavaScript工具包,旨在简化Web应用的构建过程,提供高效且设计精良的API。它的轻量级特性(约26kb)和强大的功能集使得dojo在各种项目中都能灵活运用。核心功能...

    Dojo构建Ajax应用程序源码(包括书中用到的dojo-release-1.1.2)

    `dojo/dom-geometry`用于获取元素的位置和尺寸,而`dojo/dom-class`和`dojo/dom-style`则用于处理CSS类和样式。 3. **事件处理**:`dojo/on`模块用于监听和处理DOM事件,它提供了更高级别的API,使得跨浏览器的事件...

    DOJO API 中文参考手册

    3. **DOM操作 (dojo/dom, dojo/dom-geometry, dojo/dom-style)**: 这些模块提供了对DOM元素的广泛操作,包括查找、创建、修改和布局计算。`dojo/dom`用于获取和操作DOM元素,`dojo/dom-geometry`处理元素的几何属性...

    dojo-release-1.8.3

    3. **dojo/dom**: 这个模块提供了一系列DOM操作的方法,如dojo/dom-geometry用于获取或设置元素的几何属性,dojo/dom-style用于处理元素样式,dojo/dom-class用于操作CSS类。 4. **dojo/store**: 这是Dojo的数据...

    dojo-release-1.9.0-src.zip dojo javascript库源码

    而`dojo/dom-class`和` dojo/dom-style`模块则分别用于操作元素的类名和样式,增强了样式的灵活性。 在Ajax交互上,Dojo同样提供了强大的支持。通过`dojo/xhr`模块,开发者可以方便地实现各种异步请求。`dojo/...

    精通Dojo 随书源码

    此外,`dojo/on`用于事件监听,而`dojo/dom-geometry`和`dojo/dom-style`则帮助处理页面元素的布局和样式。 在UI组件方面,Dojo提供了丰富的Widget库,如`dijit/form/Button`和`dijit/layout/BorderContainer`。...

    精通Dojo中文版书练习(原码)

    9. **dojo/dom-geometry** 和 **dojo/dom-style**:这两个模块分别用于处理DOM元素的几何属性(如位置、尺寸)和CSS样式。 10. **dojo/topic**:事件发布订阅机制,允许不同模块间进行通信,实现解耦。 通过《精通...

    dojo的源码

    3. **dojo/dom**: 提供了一系列DOM操作的方法,如`dojo/dom-attr`用于获取或设置元素属性,`dojo/dom-class`处理CSS类名,`dojo/dom-style`操作元素样式。 4. **dojo/on**: Dojo的事件处理模块,它提供了跨浏览器的...

    dojo完整包

    还有`dojo/dom-geometry`和`dojo/dom-style`模块,用于获取和设置元素的几何属性和样式。 3. **事件处理**:Dojo提供`dojo/on`模块来处理DOM事件,支持事件委托和跨浏览器兼容性,简化了事件监听和处理。 4. **...

    dojochart line 线状图

    <div id="chartNode" style="width: 600px; height: 400px;"> ``` 3. **初始化Dojo和配置Chart**:在JavaScript中,使用`require`加载必要的模块,然后创建并配置Chart对象。例如: ```javascript require([...

    DoJo AccordionContainer close or open

    style: "height: 0px;", content: "" }); this.addChild(_blankPane); // 添加到 AccordionContainer 中 ``` 3. **CSS 覆写**:为了使空白的 contentPane 更加隐形,我们需要定义相应的 CSS 样式。 ```css ...

    Dojo4.rarDojo4.rarDojo4.rarDojo4.rar

    2. **DOM操作**:Dojo提供了一套完整的DOM操作API,如`dojo/query`用于选择元素,`dojo/dom-geometry`用于获取元素几何信息,`dojo/dom-style`用于处理样式。这些工具使DOM操作更为便捷。 3. **事件处理**:Dojo的...

    Dojo1.8.5 source code

    其次,Dojo提供了丰富的DOM操作API,如`dojo/query`用于选择DOM元素,`dojo/dom-construct`用于创建和操作元素,以及`dojo/dom-style`用于获取和设置元素样式。通过查看源码,我们可以学习到这些实用工具函数的实现...

    geting started with dojo

    - `dojo.style`:用于设置样式。 - `dojo.html`:用于操作 HTML 内容。 - **事件处理**: - 使用回调函数。 - 事件监听器的使用,例如 `dojo.connect`。 - **Dojo CSS 选择引擎**:介绍 Dojo 如何处理 CSS 选择...

Global site tag (gtag.js) - Google Analytics