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

相关文章

Mysql表的简单操作(基本技能)

《Mysql表的简单操作(基本技能)》在数据库中,表的操作主要包括表的创建、查看、修改、删除等,了解如何操作这些表是数据库管理和开发的基本技能,本文给大家介绍Mysql表的简单操作,感兴趣的朋友一起看... 目录3.1 创建表 3.2 查看表结构3.3 修改表3.4 实践案例:修改表在数据库中,表的操作主要

C# WinForms存储过程操作数据库的实例讲解

《C#WinForms存储过程操作数据库的实例讲解》:本文主要介绍C#WinForms存储过程操作数据库的实例,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录一、存储过程基础二、C# 调用流程1. 数据库连接配置2. 执行存储过程(增删改)3. 查询数据三、事务处

Java使用Curator进行ZooKeeper操作的详细教程

《Java使用Curator进行ZooKeeper操作的详细教程》ApacheCurator是一个基于ZooKeeper的Java客户端库,它极大地简化了使用ZooKeeper的开发工作,在分布式系统... 目录1、简述2、核心功能2.1 CuratorFramework2.2 Recipes3、示例实践3

Java利用JSONPath操作JSON数据的技术指南

《Java利用JSONPath操作JSON数据的技术指南》JSONPath是一种强大的工具,用于查询和操作JSON数据,类似于SQL的语法,它为处理复杂的JSON数据结构提供了简单且高效... 目录1、简述2、什么是 jsONPath?3、Java 示例3.1 基本查询3.2 过滤查询3.3 递归搜索3.4

Python使用DrissionPage中ChromiumPage进行自动化网页操作

《Python使用DrissionPage中ChromiumPage进行自动化网页操作》DrissionPage作为一款轻量级且功能强大的浏览器自动化库,为开发者提供了丰富的功能支持,本文将使用Dri... 目录前言一、ChromiumPage基础操作1.初始化Drission 和 ChromiumPage

利用Go语言开发文件操作工具轻松处理所有文件

《利用Go语言开发文件操作工具轻松处理所有文件》在后端开发中,文件操作是一个非常常见但又容易出错的场景,本文小编要向大家介绍一个强大的Go语言文件操作工具库,它能帮你轻松处理各种文件操作场景... 目录为什么需要这个工具?核心功能详解1. 文件/目录存javascript在性检查2. 批量创建目录3. 文件

Redis中管道操作pipeline的实现

《Redis中管道操作pipeline的实现》RedisPipeline是一种优化客户端与服务器通信的技术,通过批量发送和接收命令减少网络往返次数,提高命令执行效率,本文就来介绍一下Redis中管道操... 目录什么是pipeline场景一:我要向Redis新增大批量的数据分批处理事务( MULTI/EXE

使用Python高效获取网络数据的操作指南

《使用Python高效获取网络数据的操作指南》网络爬虫是一种自动化程序,用于访问和提取网站上的数据,Python是进行网络爬虫开发的理想语言,拥有丰富的库和工具,使得编写和维护爬虫变得简单高效,本文将... 目录网络爬虫的基本概念常用库介绍安装库Requests和BeautifulSoup爬虫开发发送请求解

Oracle存储过程里操作BLOB的字节数据的办法

《Oracle存储过程里操作BLOB的字节数据的办法》该篇文章介绍了如何在Oracle存储过程中操作BLOB的字节数据,作者研究了如何获取BLOB的字节长度、如何使用DBMS_LOB包进行BLOB操作... 目录一、缘由二、办法2.1 基本操作2.2 DBMS_LOB包2.3 字节级操作与RAW数据类型2.

JDK多版本共存并自由切换的操作指南(本文为JDK8和JDK17)

《JDK多版本共存并自由切换的操作指南(本文为JDK8和JDK17)》本文介绍了如何在Windows系统上配置多版本JDK(以JDK8和JDK17为例),并通过图文结合的方式给大家讲解了详细步骤,具有... 目录第一步 下载安装JDK第二步 配置环境变量第三步 切换JDK版本并验证可能遇到的问题前提:公司常