Dojo 학습지 (4): NodeList 확장

2178 단어 querydojo
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","dojo/domReady!"], function(query){
            query("li.fresh").on("click", function(e){
                alert("I love fresh " + e.target.innerHTML);
            });
        });
</script>

다음과 같습니다.
  <script>
        require(["dojo/query","dojo/on","dojo/domReady!"], function(query,on){
            on(query("li.fresh"),"click", function(e){
                alert("I love fresh " + e.target.innerHTML);
            });
        });
</script>
:dojo/NodeList 객체와 DOMNodeList
본고는 "IT 기술 학습과 교류"블로그에서 나온 것으로 전재를 사절합니다!

좋은 웹페이지 즐겨찾기