Dojo学习笔记（四）：NodeList扩展

发布时间：2020-12-16 21:28:12 所属栏目：百科来源：网络整理

导读：dojo/query返回的是匹配查询结果的所有节点构成的数组；这个数组实际上是一个特殊的数组对象称为dojo/NodeList，该数组对象内建了一系列可以方便操作其中节点的方法。 !DOCTYPE htmlhtmlhead lang="en" meta charset="UTF-8" titleNodeList/title script sr

dojo/query返回的是匹配查询结果的所有节点构成的数组；这个数组实际上是一个特殊的数组对象称为dojo/NodeList，该数组对象内建了一系列可以方便操作其中节点的方法。

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>NodeList</title>
    <script src="dojo/dojo.js" data-dojo-config="async: true"></script>
    <script>
        require(["dojo/query","dojo/domReady!"],function(query){
            query("li.fresh").on("click",function(){
                alert("I love fresh " + this.innerHTML);
            });
        });
    </script>
</head>
<body>
<ul>
    <li class="fresh">Apples</li>
    <li class="fresh">Persimmons</li>
    <li class="fresh">Grapes</li>
    <li class="fresh">Fresh Figs</li>
    <li class="dried">Dates</li>
    <li class="dried">Raisins</li>
    <li class="dried">Prunes</li>
    <li class="fresh dried">Apricots</li>
    <li class="fresh">Peaches</li>
    <li class="fresh">Bananas</li>
    <li class="fresh">Cherries</li>
</ul>
</body>
</html>

等效于：

<script>
        require(["dojo/query",function(e){
                alert("I love fresh " + e.target.innerHTML);
            });
        });
</script>

等效于：

  <script>
        require(["dojo/query","dojo/on",function(query,on){
            on(query("li.fresh"),"click",function(e){
                alert("I love fresh " + e.target.innerHTML);
            });
        });
</script>

备注：dojo/NodeList对象与DOM NodeList对象是不相同的。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!