Dojo中Dom节点遍历与修改

NodeList-html.html

<ul>
  <li class="alkaline">Apples</li>
  <li class="alkaline">Persimmons</li>
  <li class="alkaline">Thompson Grapes (Seedless)</li>
  <li class="alkaline">Muscat Grapes</li>
  <li class="alkaline">All Sweet Grapes</li>
  <li class="alkaline">Fresh Figs</li>
  <li class="alkaline">Dates</li>
  <li class="alkaline">Figs</li>
</ul>
  <!-- configure Dojo -->
  <script>
    var dojoConfig = {
        async: true,
        baseUrl: '.',
        packages: [
          'dojo',
          'dijit',
          'dojox'
        ]
    };
  </script>
  <!-- load Dojo -->
  <script src="dojo/dojo.js"></script>
  <script>

  require(["dojo/query", "dojo/html", "dojo/domReady!"], 
  function(query, html){
    query('li.alkaline').forEach(function(n, i){
      var con = i  + "-"+  n.innerHTML;
      html.set(n, con);
    })
  });
  
  require(["dojo/query", "dojo/NodeList-html", "dojo/domReady!"],
  function(query){
    query('li').html('<b>Important!</b>', {
      onBegin:function(){
        this.content = this.content + this.node.innerHTML;
        return this.inherited("onBegin", arguments);
      }
    });
  })
  </script>