Symbol.iterator 내가 오류가</p> <blockquote> <p>Uncaught TypeError: ele[Symbol.iterator] is not a function</p> </blockquote> <p>어떻게이 문제를 해결하기 위해 참조하는 기능

Question

<div id="par"> 
    <span id="a1"></span> 
    <span id="a2"></span>  
<div id="par2">  
    <span id="a3"></span> 
    <span id="a4"></span> 
</div>  
</div> 

<script> 


var ele = document.querySelectorAll('#par span');  

for(var p of ele){ 
    console.log(p); 
} 


</script> 

하지?

Answer 1

변환 가능한 형태로 만들려면 NodeList에서 Array으로 변환하십시오. 변환하려면 Array.from()을 사용하십시오.

<div id="par"> 
 
    <span id="a1"></span> 
 
    <span id="a2"></span> 
 
    <div id="par2"> 
 
    <span id="a3"></span> 
 
    <span id="a4"></span> 
 
    </div> 
 
</div> 
 

 

 
<script> 
 
    var ele = document.querySelectorAll('#par span'); 
 

 
    for (var p of Array.from(ele)) { 
 
    console.log(p); 
 
    } 
 
</script>

---

더 많은 정보를 원하시면 다음과 같은 질문을 참조 :이 알고 Are HTMLCollection and NodeList iterables?