资源描述:
《Dojo基础5-节点操作》由会员上传分享,免费在线阅读,更多相关内容在工程资料-天天文库。
1、Dojo慕础3-节点操作query使用1.说明:使用query方法町以通过id,标签名,类,样式来査询节点。2.方法dojo.query(/*String*/query,/*String?
2、DomNode?*/root);返冋nodelist第一个参数是查询条件,第二个参数是查询的节点3•常用css选择符语法语法含义示例*任何元素dojo.query("*")E标签为E的元索dojo.query("div").C标签带何类C的兀素dojo.query(//.baz,/)E.C标签有E且带有类C的元素dojo.query(/zdiv.baz,?);#ID值为ID的元索dojo.query("#
3、quux〃);E#ID标签有E且ID值为ID的元素dojo.query("div#ID");[A]带有属性A的元素dojo.query(//[name],/)E[A]标签为E且带有属性A的元索dojo.query(/zdiv[name]");[A®带冇属性A且属性值为V的元素dojo.query("name=ztestname");E[A~='V']带有标签E几有属性A属性A的属性是一个含有空格分隔的列表其屮的一个值恰好是V的值dojo.query(,zdiv[name~=〃bar丫);E[AA=V]带冇标签EH.冇属性Afl属性A的值是以V开头的元素dojo.query(zzdiv[nam
4、e2bar丫);E[A$=,V,]带有标签E且有属性A且属性A的值是以V结尾的元素dojo.query(z/div[name$=〃bar丫);E[A*=V]带有标签E且有属性A且属性A的值包含Vdojo.query(/zdiv[name*二'bar丫);E>F作为元素E的子元素的F元素dojo.query(zzdiv>span");EF作为元素E后代元素的F元素dojo.query(/zEF");E,F两个条件可以用,分开根据两个条件查出的内容口并到起dojo.query("E,F");4.状态跟踪我们在状态跟踪时通常采用引入变虽的方式实现,但通过css进行状态跟踪状态往往会更优雅。Node
5、List1.说明:NodeList是专为高效操作DOM节点而设计的一个Array的了类。2.NodeList提供的方法:名称说明indexOf(/*DomNode*/)返回NodeList中某个项笫一次岀现的位置lastlndexOf(/*DomNode*/);返回NodeList中某个项最后一次出现的位置every(/*Function*/f)如果NodeList的每一项传入Function中都返回true贝lj返回truesome(/*Function*/f)如果NodeList的每一项传入Function中有一个返回true贝!J返回trueforEach(/*Function*/f)
6、将NodeList中的每一项传到Function中,返回原始的NodeListmap(/*Function*/f)通过函数运行每一项,返凹运行结果组成的NodeListfilter(/*Function*/f)通过函数运行每一项,返1叫符合条件的NodeListconcat(/*Any*/item/...)返回添加新项Z后的Listsplice(/*Integer*/index,/*lnteger*/howManyToDelete,/*Any*/item...)插入删除或替换NodeList中的项,返回被删除项之后的NodeListslice(/*lnteger*/begin,/*lnteg
7、er*/end)返冋切除对应项Z后的nodeListaddClass(/*String*/Class);为NodeList中的每个节点添加类removeClass(/*String*/Class)为NodeList中的每个节点删除类style(/*String
8、Object*/style)设置NodeList中每个节点的样式(见示例)addContent(/*String*/content,/*String
9、Integer*/position)为NodeList的每个节点的相对位置加入字符串,position参数的可选值为first,last(相对于每个节点的父节点町以理解为节点内)befo
10、rezafter(相对于节点本身)place(/*String
11、Node*/queryOrNode,/*String*/position)在参数一的节点斗1放置NodeList中的每一•项,返回放置的项。(移动页血中的节点)第二个参数参考addContent的position参数coords()返回NodeList中所有盒子对象的集合,盒子对象格式为{l:50,t:200,w:300,h:150,x:100,