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

相关文章

动手学深度学习【数据操作+数据预处理】

import osos.makedirs(os.path.join('.', 'data'), exist_ok=True)data_file = os.path.join('.', 'data', 'house_tiny.csv')with open(data_file, 'w') as f:f.write('NumRooms,Alley,Price\n') # 列名f.write('NA

线程的四种操作

所属专栏:Java学习        1. 线程的开启 start和run的区别: run:描述了线程要执行的任务,也可以称为线程的入口 start:调用系统函数,真正的在系统内核中创建线程(创建PCB,加入到链表中),此处的start会根据不同的系统,分别调用不同的api,创建好之后的线程,再单独去执行run(所以说,start的本质是调用系统api,系统的api

Java IO 操作——个人理解

之前一直Java的IO操作一知半解。今天看到一个便文章觉得很有道理( 原文章),记录一下。 首先,理解Java的IO操作到底操作的什么内容,过程又是怎么样子。          数据来源的操作: 来源有文件,网络数据。使用File类和Sockets等。这里操作的是数据本身,1,0结构。    File file = new File("path");   字

MySQL——表操作

目录 一、创建表 二、查看表 2.1 查看表中某成员的数据 2.2 查看整个表中的表成员 2.3 查看创建表时的句柄 三、修改表 alter 3.1 重命名 rename 3.2 新增一列 add 3.3 更改列属性 modify 3.4 更改列名称 change 3.5 删除某列 上一篇博客介绍了库的操作,接下来来看一下表的相关操作。 一、创建表 create

封装MySQL操作时Where条件语句的组织

在对数据库进行封装的过程中,条件语句应该是相对难以处理的,毕竟条件语句太过于多样性。 条件语句大致分为以下几种: 1、单一条件,比如:where id = 1; 2、多个条件,相互间关系统一。比如:where id > 10 and age > 20 and score < 60; 3、多个条件,相互间关系不统一。比如:where (id > 10 OR age > 20) AND sco

PHP7扩展开发之流操作

前言 啥是流操作?简单来讲就是对一些文件,网络的IO操作。PHP已经把这些IO操作,封装成流操作。这节,我们将使用PHP扩展实现一个目录遍历的功能。PHP示例代码如下: <?phpfunction list_dir($dir) {if (is_dir($dir) === false) {return;} $dh = opendir($dir);if ($dh == false) {ret

浙大数据结构:树的定义与操作

四种遍历 #include<iostream>#include<queue>using namespace std;typedef struct treenode *BinTree;typedef BinTree position;typedef int ElementType;struct treenode{ElementType data;BinTree left;BinTre

浙大数据结构:04-树7 二叉搜索树的操作集

这道题答案都在PPT上,所以先学会再写的话并不难。 1、BinTree Insert( BinTree BST, ElementType X ) 递归实现,小就进左子树,大就进右子树。 为空就新建结点插入。 BinTree Insert( BinTree BST, ElementType X ){if(!BST){BST=(BinTree)malloc(sizeof(struct TNo

hibernate修改数据库已有的对象【简化操作】

陈科肇 直接上代码: /*** 更新新的数据并并未修改旧的数据* @param oldEntity 数据库存在的实体* @param newEntity 更改后的实体* @throws IllegalAccessException * @throws IllegalArgumentException */public void updateNew(T oldEntity,T newEntity

mysql中导入txt文件数据的操作指令

1 表tt的格式:    CREATE TABLE `tt` (   `ind` int NOT NULL auto_increment,   `name` char(100) default NULL,   PRIMARY KEY  (`ind`)  )   2 文件d.txt的内容示例:  1,a  2,b  3,c