Dojo 학습지 (4): 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 기술 학습과 교류"블로그에서 나온 것으로 전재를 사절합니다!
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
빠른 팁!!!안녕하세요 여러분 👋 요청을 할 때 모든 구성 요소에 동일한 코드를 작성하는 데 정말 지쳤습니다. 나는 일을 단순하게 만들고 싶고 내 생각에 당신도 원할 것입니다. 그런 것들에 대한 팁을 보려면 내 예를 확인하십시오...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.