本文主要是介绍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的操作的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!