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。此模块的返回变量的约定是domStylestyle。该模块主要是获得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字符串。

猜你喜欢

转载自blog.csdn.net/shiyangxu/article/details/81433223