Итерация по childNodes
 

Подскажите пожалуйста, вот есть такой простенький тестовый HTML:

<div id="elementus">
<span>span_1</span>
 <!---comennt---> 
<span>
span_2
    <div>my_div</div>
</span> 
text_2 </div>

Я хочу вывести каждую Ноду на консоль, делаю так:

let my_elem_ID = document.getElementById("elementus");
 
 
if(my_elem_ID !== null)
{
 
    
      let my_childs_Nodes = my_elem_ID.childNodes;
 
 
 
     for(let node of my_childs_Nodes)
        {
 
            if(node.hasChildNodes() == true)   
            {
              //Значиту у данной ноды есть дочерний элемент, то проитерируем его точно так же:
 
                for(let sub_node of node)    //Ошибка: node - не итерируемый элемент.
                {
                    console.log(sub_node); 
                }
            }
            else
            {
                console.log(node); 
            }
            
        }
    
}

Подскажите пожалуйста, исправить ошибку, того, что node - не итерируемый элемент ?

Или может быть - надо вообще как то по другому делать ?

for(let sub_node of node.childNodes)

логично что как и выше по циклу, итерируем мы по childNodes, а не по самой node.

P.S. В js принят camelCase, не используйте snake_case, а то вас побьют.)

Спасибо! :)