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");