dojo中关于dom的操作

本文主要是介绍dojo中关于dom的操作，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

dojo中关于dom操作的有以下几个模块：

• dojo/dom模块
• dojo/dom-construct模块
• dojo/dom-attr模块
• dojo/dom-prop模块
• dojo/dom-class模块
• dojo/dom-style模块
• dojo/dom-form模块

1. dojo/dom模块

该模块定义了核心Dojo DOM API。该模块的标准返回变量是dom。该模块中定义了三种方法：

• byId()：是document.getElementById的一个简单的别名，根Id选择节点；
• isDescendant()：用于判断一个节点是否是祖先节点的后代；
• setSelectable()：用于设置节点是否能被选择。

关于dojo/dom模块的使用，主要是用于获取dom结点。

2. dojo/dom-construct模块

该模块定义了核心Dojo DOM结构API。该模块的标准返回变量是domConstruct。其中定义了5中方法：

• toDom()：返回对应DOM的实例化HTML片段；
• place(node,refNode,position)：它可用于将现有节点放置在HTML文档中的某个位置，以及创建新节点并立即将它们放置在文档中；前两个参数是DOM结点的引用，第三个参数是可选参数，可以是以下字符串中的数字或其中一个：“before”，“after”，“replace”，“only”，“first”或“last”。如果省略，则假定为“last”。“only”的值替换refNode的所有子节点。如果position参数是一个数字，则表示该节点应作为refNode具有该数字的子节点插入（从0开始计数）。
• create(tag,attrs,refNode,pos)：用于创建DOM，第一个参数（必需参数）：标签的种类。第二个参数（必需参数）：标签的属性。第三个参数（可选参数）：一个DOM引用。第四个参数（可选参数）：相对于第三个DOM引用参数所处的位置，默认为last,还可以填写first,after,before,last,replace,only。；
• empty():删除所有子节点但保留节点。
• destroy()：删除所有子节点和节点本身。

3. dojo/dom-attr模块

该模块定义了核心Dojo DOM属性API。该模块的标准返回变量是domAttr。定义了5种方法：

• has(node,name)：判断node元素是否有某种属性;
• get(node,name)：用户获得node元素的属性值;
• set(node,name,value)：设置node元素属性值（注意这里是属性值）;
• remove(node,name)：删除node元素的某种属性;
• getNodeProp(node,name)：获得node元素的属性，这里注意，可以获得一个json类型的属性，比如class属性。

4. dojo/dom-prop模块

该模块定义了核心dojo DOM属性API。该模块的返回变量的约定是domProp。该模块与dojo/dom-attr模块之间的区别在于这里的属性可以是任何类型的，例如，复选框的“checked”属性是布尔值，而dojo/dom-attr模块的属性往往只包含字符串类型。该模块中只有两个方法get, set方法，这两个方法一个是设置dom的属性一个是取得dom的属性。

5. dojo/dom-class模块

该模块定义了核心dojo DOM类API。该模块的标准返回变量是domClass。
dojo/dom-class 模块主要是判断DOM元素的class属性。该模块有以下的方法。

• add(node,classStr)：给node节点添加一个样式；
• contains(node,classStr)：判断node节点是否有某种样式
• remove(node,classStr)：移除node节点中的某种样式；
• replace(node,addClassStr,removeClassStr)：替换node节点中的样式；
• toggle(node,classStr,condition)：交替的改变node的样式。

6. dojo/dom-style模块

该模块定义了核心dojo DOM样式API。此模块的返回变量的约定是domStyle或style。该模块主要是获得DOM节点的style属性，该模块主要有一下的方法:

• get(node,name):获得node节点的属性值；
• set()：设置DOM节点上的样式；
• getComputedStyle(node):获得node节点style属性值：注意这里是一个json对象。

7. dojo/dom-form模块

该模块定义了表单处理功能。该模块的返回变量的约定是domForm。其中主要定义了4种方法：

• fieldToObject()：该函数采用HTML表单字段并将字段的值转换为字符串或字符串数组。禁用表单元素和未选中的收音机和复选框将被跳过。多选元素作为字符串值数组返回。
• toObject()：该函数采用HTML表单节点，并将表单元素转换为名称/值对的JavaScript对象。
• toQuery()：该函数采用HTML表单节点，并将表单元素转换为适合传递URI的查询字符串。
• toJson()：该函数将获取HTML表单节点并将表单元素转换为JSON字符串。

这篇关于dojo中关于dom的操作的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---