Dojo中的dom节点方法小结

 1   innerHTML   //设置或取得标签中的元素
 2                 query("div").innerHTML("<p>Hello World</p>");   //在每个div中插入<p>Hello World</p>
 3                 var message = dojo.query("div").innerHTML();    //返回div中的"<p>Hello World</p>"
 4 
 5     html
 6     text   //设置或取得标签中的文本
 7                 query("div").text("Hello World");       //在每个div中插入"Hello World"
 8                 var message = dojo.query("div").text();     //返回div中的"Hello World"文本
 9 
10 
11     val  //设置默认值或取得默认值
12                // This code gets and sets the values for the form fields above:
13                   query('[type="text"]').val(); // gets value foo
14                   query('[type="text"]').val("bar"); // sets the input's value to "bar"
15                   query("select").val() // gets array value ["red", "yellow"]
16                   query("select").val(["blue", "yellow"]) // Sets the blue and yellow options to selected.
17 
18 
19     append      //添加元素到节点数组中的每个节点里面的后面
20                 query("div").append("<span>append</span>");
21     appendTo    //将查询出的元素添加进节点数组中的每个节点里面的后面
22                  query("span").appendTo("p");
23     prepend     //添加元素到节点数组中每个节点的里面的前面
24                  query("div").prepend("<span>prepend</span>");
25     prependTo   //将查询出来的元素添加到节点数组每个节点的里面的前面
26                  query("span").prependTo("p");
27 
28 
29     after       //添加元素到节点数组中每个节点的后面
30                 query("div").after("<span>after</span>");
31     insertAfter     //将查询出来的元素添加到节点数组每个节点的后面
32                  query("span").insertAfter("p");
33     before      //添加元素到节点数组中每个节点的前面
34                  query("div").before("<span>before</span>");
35     insertBefore    //将查询出来的元素添加到节点数组每个节点的前面
36                  query("span").insertBefore("p");
37 
38 
39     remove
40     wrap        //在查询出来的节点数组的每个节点包围外上新标签
41                 query("b").wrap("<div><span></span></div>");
42     wrapAll     //在查询出来的节点数组的外面包围上新标签
43                 query(".red").wrapAll('<div class="allRed"></div>');
44     wrapInner   //给查询出来的节点数组的里面元素包围上新标签
45                 query(".red").wrapInner('<span class="special"></span>');
46 
47     replaceWith     //将查询出来的节点数组中的每个元素替换掉
48                 query(".red").replaceWith('<div class="green">Green</div>');
49     replaceAll      //将查询出来的节点数组替换到replacAll后面
50                 query(".red").replaceAll(".blue");
51 
52     clone   //复制查询出来的节点数组中的所有节点并返回一个新的节点数组
53                 query(".red").clone().appendTo(".container");
原文地址:https://www.cnblogs.com/sere/p/4844284.html