Dojo学习笔记(7. dojo.dom)

模块:dojo.dom

dojo.dom.isNode

测试指定对象是否为节点

Usage Example:

dojo.dom.isNode(dojo.byId('edtTitle'));

dojo.dom.getUniqueId

取得唯一id

Usage Example:

dojo.dom.getUniqueId();  //will return dj_unique_#

dojo.dom.firstElement = dojo.dom.getFirstChildElement

取得指定节点下的第一个满足指定Tag条件的子节点

Usage Example:

dojo.dom.firstElement(parentNode, 'SPAN');

dojo.dom.lastElement = dojo.dom.getLastChildElement

取得指定节点下的最后一个满足指定Tag条件的子节点

Usage Example:

dojo.dom.lastElement(parentNode, 'SPAN');

dojo.dom.nextElement = dojo.dom.getNextSiblingElement

取得指定节点的下一个满足指定Tag条件的子节点

Usage Example:

dojo.dom.nextElement(node, 'SPAN');

dojo.dom.prevElement = dojo.dom.getPreviousSiblingElement

取得指定节点的前一个满足指定Tag条件的子节点

Usage Example:

dojo.dom.prevElement(node, 'SPAN');

dojo.dom.moveChildren

把指定节点下的所有子节点移动到目标节点下,并返回移动的节点数

Usage Example:

dojo.dom.moveChildren(srcNode, destNode, true); //仅移动子节点,srcNode中的文字将被丢弃
dojo.dom.moveChildren(srcNode, destNode, false);//包括文字和子节点都将被移动到目标节点下

dojo.dom.copyChildren

把指定节点下的所有子节点复制到目标节点下,并返回复制的节点数

Usage Example:

dojo.dom.moveChildren(srcNode, destNode, true); //仅复制子节点,srcNode中的文字将被忽略
dojo.dom.moveChildren(srcNode, destNode, false);//包括文字和子节点都将被复制到目标节点下

dojo.dom.removeChildren

删除指定节点下的所有子节点,并返回删除的节点数

Usage Example:

dojo.dom.moveChildren(node);

dojo.dom.replaceChildren

用指定的新节点替换父节点下的所有子节点

Usage Example:

dojo.dom.replaceChildren(node, newChild); //目前还不支持newChild为数组形式

dojo.dom.removeNode

删除指定的节点

Usage Example:

dojo.dom.removeNode(node);

dojo.dom.getAncestors

返回指定节点的父节点集合

Usage Example:

dojo.dom.getAncestors(node, null, false); //返回所有的父节点集合(包括指定的节点node)
dojo.dom.getAncestors(node, null, true); //返回最近的一个父节点
dojo.dom.getAncestors(node, function(el){/* 此处增加过滤条件 */return true}, false); //返回所有满足条件的父节点集合

dojo.dom.getAncestorsByTag

返回所有符合指定Tag的指定节点的父节点集合

Usage Example:

dojo.dom.getAncestorsByTag(node, 'span', false); //返回所有的类型为SPAN的父节点集合
dojo.dom.getAncestorsByTag(node, 'span', true);  //返回最近的一个类型为SPAN的父节点

dojo.dom.getFirstAncestorByTag

返回最近的一个符合指定Tag的指定节点的父节点

Usage Example:

dojo.dom.getFirstAncestorByTag(node, 'span'); //返回最近的一个类型为SPAN的父节点

dojo.dom.isDescendantOf

判断指定的节点是否为另一个节点的子孙

Usage Example:

dojo.dom.isDescendantOf(node, ancestor, true); //判断node是否为ancestor的子孙
dojo.dom.isDescendantOf(node, node, false); //will return true
dojo.dom.isDescendantOf(node, node, true); //will return false

dojo.dom.innerXML

返回指定节点的XML

Usage Example:

dojo.dom.innerXML(node);

dojo.dom.createDocument

创建一个空的文档对象

Usage Example:

dojo.dom.createDocument();

dojo.dom.createDocumentFromText

根据文字创建一个文档对象

Usage Example:

dojo.dom.createDocumentFromText('<?xml version="1.0" encoding="gb2312" ?><a>1</a>','text/xml');

dojo.dom.prependChild

将指定的节点插入到父节点的最前面

Usage Example:

dojo.dom.prependChild(node, parent);

dojo.dom.insertBefore

将指定的节点插入到参考节点的前面

Usage Example:

dojo.dom.insertBefore(node, ref, false); //如果满足要求的话就直接退出
dojo.dom.insertBefore(node, ref, true);

dojo.dom.insertAfter

将指定的节点插入到参考节点的后面

Usage Example:

dojo.dom.insertAfter(node, ref, false); //如果满足要求的话就直接退出
dojo.dom.insertAfter(node, ref, true);

dojo.dom.insertAtPosition

将指定的节点插入到参考节点的指定位置

Usage Example:

dojo.dom.insertAtPosition(node, ref, "before");//参考节点之前
dojo.dom.insertAtPosition(node, ref, "after"); //参考节点之后
dojo.dom.insertAtPosition(node, ref, "first"); //参考节点的第一个子节点
dojo.dom.insertAtPosition(node, ref, "last");  //参考节点的最后一个子节点
dojo.dom.insertAtPosition(node, ref); //默认位置为"last"

dojo.dom.insertAtIndex

将指定的节点插入到参考节点的子节点中的指定索引的位置

Usage Example:

dojo.dom.insertAtIndex(node, containingNode, 3);  //把node插入到containingNode的子节点中,使其成为第3个子节点

dojo.dom.textContent

设置或获取指定节点的文本

Usage Example:

dojo.dom.textContent(node, 'text'); //设置node的文本为'text'
dojo.dom.textContent(node); //返回node的文本

dojo.dom.hasParent

判断指定节点是否有父节点

Usage Example:

dojo.dom.hasParent(node);

dojo.dom.isTag

判断节点是否具有指定的tag

Usage Example:

var el = document.createElement("SPAN");
dojo.dom.isTag(el, "SPAN"); //will return "SPAN"
dojo.dom.isTag(el, "span"); //will return ""
dojo.dom.isTag(el, "INPUT", "SPAN", "IMG"); //will return "SPAN"

转载于:https://www.cnblogs.com/Icebird/archive/2006/08/29/dojo_study_7.html

Dojo学习笔记(7. dojo.dom)相关推荐

  1. Dojo学习笔记(8. dojo.event dojo.event.topic dojo.event.browser)

    Dojo学习笔记(8. dojo.event & dojo.event.topic & dojo.event.browser) 模块:dojo.event 终于进入有名的dojo事件处 ...

  2. dojo 学习笔记之dojo.query - query(id) 与query(class)的差别

    考虑这个样例:动态创建一个页面的时候,用new listtem()生成多个listitem, 且每一个listitem中都生成一个按钮button. 假设想要给每一个按钮都绑定一个click事件,用d ...

  3. Dojo学习笔记(一):Hello Dojo!

    欢迎来到Dojo世界!在这篇文章中你将会学习到如何加载Dojo以及探索Dojo的一些核心功能.你还会了解Dojo的基于AMD的模块架构,探索如何加载额外的模块来增加功能到您的Web站点或应用程序,并找 ...

  4. Mr.J-- jQuery学习笔记(二十七)--DOM操作方法(删除获取文本)

    清除 <body> <button>调用remove</button> <div>我是div<p>我是段落</p> </d ...

  5. Dojo学习笔记(三):类化JavaScript

    dojo/_base/declare模块是Dojo Toolkit中创建类的基础.declare支持多重继承,这使得开发者能够编写更加灵活的代码并避免代码多次重写.Dojo.Dijit和Dojox模块 ...

  6. Dojo学习笔记一: 认识Dojo

        打算利用一些时间系统并且略深层次的学习一下Dojo这个框架,一个基于JavaScript脚本语言的集合.      Dojo不但提供各式各样的Javascript标准库方法,还包含了功能丰富的 ...

  7. Dojo学习笔记(六):dojo/_base/declare

    1.JavaScript 继承方式 (1)对象冒充 在 JavaScript 中,构造函数也和普通的函数一样,可以被赋值和调用,对象冒充通过此原理来模拟继承. 1 2 3 4 5 6 7 8 9 10 ...

  8. dojo学习日记(6)——dojo/_base/fx的 fadeOut()方法

    dojo/_base/fx    method当中的 fadeOut()方法 返回一个节点从当前透明度 淡化 到完全透明的动画. node (DOMNode| String):必须重写的,写一个需要f ...

  9. JavaScript学习笔记系列2:Dom操作(一)

    一.什么是Dom? DOM------>Document Object Model 直接翻译就是文档对象模型. DOM------>定义了表示和修改文档所需的对象.这些对象的行为和属性以及 ...

最新文章

  1. 文本转声音,TTS语音实现
  2. private修饰的变量如何调用_梳理c++ const 修饰函数
  3. Hibernate 之单向多对一映射及其衍生问题
  4. Java黑皮书课后题第1章:1.13(代数:求解2*2线性方程组)编写程序,求解以下方程组并显示x和y的值 3.4x+50.2y=44.5 2.1x+0.55y=5.9
  5. adb启动失败 ADB server didn't ACK
  6. java swing removeall_java中JFrame中函数removeAll的用法 | 学步园
  7. 过滤特征_万字长文讲解如何做特征工程
  8. python基于二维数据矩阵随机生成图像文件
  9. Canvas里的globalCompositeOperation
  10. mysql存储多少_MySQL存储引擎你们知道多少?
  11. 零基础如何入门数据分析师?
  12. 计算空间点到直线的距离
  13. 2021年电工(技师)考试报名及电工(技师)模拟考试题
  14. Poi Excel 设置列宽计算公式
  15. java调用shiny_使用Shiny fileInput仅获取路径
  16. 哪款立体声骨传导蓝牙耳机好,推荐几款目前主流的骨传导耳机
  17. 阿克曼车型运动解算——基于智能车竞赛C车模
  18. 某一点绕另一点逆时针旋转90后的坐标
  19. MySQL的核心日志
  20. SNIPER—— SNIP的实战版本 (目标检测)(two-stage)(深度学习)(Arvix 2018)

热门文章

  1. WordPress企业一号主题模板
  2. 最新版Spring Cloud Alibaba微服务架构-Config配置中心篇
  3. 谈谈Spring开发框架
  4. Magento: 单产品(product)或者当前类别(category)最大和最小价格 Min/Max Product Price in a Category...
  5. 判断来访者所用设备是iPhone、iPad或者电脑(PC)
  6. 缓冲区溢出——初学者必须注意的问题
  7. 神奇的python(二)之python打包成应用程序
  8. Intellij Java注释模板
  9. 【AI视野·今日Robot 机器人论文速览 第十六期】Tue, 29 Jun 2021
  10. 初识数据流 bit byte char三者的区别 java