zoukankan      html  css  js  c++  java
  • 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");
  • 相关阅读:
    pandas replace 替换功能function
    pandas 处理文本数据
    vue-cli3使用bootstrap4
    Sass和less的区别是什么?用哪个好
    vue项目首屏加载优化实战
    NodeJS 框架一览
    pre -commit hook failed (add --no-verify to bypass)
    安装与卸载vue cli3
    vue-cli3.0之vue.config.js的配置项(注解)
    Sass-颜色运算
  • 原文地址:https://www.cnblogs.com/sere/p/4844284.html
Copyright © 2011-2022 走看看