dojo中关于dom的操作

2023-12-06 23:08
文章标签 操作 dom dojo

本文主要是介绍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字符串。

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



http://www.chinasem.cn/article/463684

相关文章

Java操作Word文档的全面指南

《Java操作Word文档的全面指南》在Java开发中,操作Word文档是常见的业务需求,广泛应用于合同生成、报表输出、通知发布、法律文书生成、病历模板填写等场景,本文将全面介绍Java操作Word文... 目录简介段落页头与页脚页码表格图片批注文本框目录图表简介Word编程最重要的类是org.apach

Python实现对阿里云OSS对象存储的操作详解

《Python实现对阿里云OSS对象存储的操作详解》这篇文章主要为大家详细介绍了Python实现对阿里云OSS对象存储的操作相关知识,包括连接,上传,下载,列举等功能,感兴趣的小伙伴可以了解下... 目录一、直接使用代码二、详细使用1. 环境准备2. 初始化配置3. bucket配置创建4. 文件上传到os

mysql表操作与查询功能详解

《mysql表操作与查询功能详解》本文系统讲解MySQL表操作与查询,涵盖创建、修改、复制表语法,基本查询结构及WHERE、GROUPBY等子句,本文结合实例代码给大家介绍的非常详细,感兴趣的朋友跟随... 目录01.表的操作1.1表操作概览1.2创建表1.3修改表1.4复制表02.基本查询操作2.1 SE

c++中的set容器介绍及操作大全

《c++中的set容器介绍及操作大全》:本文主要介绍c++中的set容器介绍及操作大全,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧... 目录​​一、核心特性​​️ ​​二、基本操作​​​​1. 初始化与赋值​​​​2. 增删查操作​​​​3. 遍历方

MySQL追踪数据库表更新操作来源的全面指南

《MySQL追踪数据库表更新操作来源的全面指南》本文将以一个具体问题为例,如何监测哪个IP来源对数据库表statistics_test进行了UPDATE操作,文内探讨了多种方法,并提供了详细的代码... 目录引言1. 为什么需要监控数据库更新操作2. 方法1:启用数据库审计日志(1)mysql/mariad

springboot如何通过http动态操作xxl-job任务

《springboot如何通过http动态操作xxl-job任务》:本文主要介绍springboot如何通过http动态操作xxl-job任务的问题,具有很好的参考价值,希望对大家有所帮助,如有错... 目录springboot通过http动态操作xxl-job任务一、maven依赖二、配置文件三、xxl-

Oracle 数据库数据操作如何精通 INSERT, UPDATE, DELETE

《Oracle数据库数据操作如何精通INSERT,UPDATE,DELETE》在Oracle数据库中,对表内数据进行增加、修改和删除操作是通过数据操作语言来完成的,下面给大家介绍Oracle数... 目录思维导图一、插入数据 (INSERT)1.1 插入单行数据,指定所有列的值语法:1.2 插入单行数据,指

SQL中JOIN操作的条件使用总结与实践

《SQL中JOIN操作的条件使用总结与实践》在SQL查询中,JOIN操作是多表关联的核心工具,本文将从原理,场景和最佳实践三个方面总结JOIN条件的使用规则,希望可以帮助开发者精准控制查询逻辑... 目录一、ON与WHERE的本质区别二、场景化条件使用规则三、最佳实践建议1.优先使用ON条件2.WHERE用

Linux链表操作方式

《Linux链表操作方式》:本文主要介绍Linux链表操作方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录一、链表基础概念与内核链表优势二、内核链表结构与宏解析三、内核链表的优点四、用户态链表示例五、双向循环链表在内核中的实现优势六、典型应用场景七、调试技巧与

Java Multimap实现类与操作的具体示例

《JavaMultimap实现类与操作的具体示例》Multimap出现在Google的Guava库中,它为Java提供了更加灵活的集合操作,:本文主要介绍JavaMultimap实现类与操作的... 目录一、Multimap 概述Multimap 主要特点:二、Multimap 实现类1. ListMult