関数return element.innerHTMLまたはelement.innerTextが未定義の理由は何ですか？

Question

なぜfunction(){ return element.innerHTML }はundefinedを返しますか？

var demo = document.getElementById('demo'); 
demo.innerHTML = endangeredSpecies("Europe", "Cave bear"); 

function endangeredSpecies(continent, species) { 
    var contin = document.querySelectorAll('[data-continent]'); 
    contin.forEach(function(div){ 
    if(div.getAttribute('data-continent') == continent){ 
       var children = [].slice.call(div.children); 
     children.forEach(function(child) { 
        if(child.getAttribute('data-species') == species) { 
       return child.innerText; 
       } 
      }) 
    } 
    }) 
} 

Fiddle

Answer 1

あなたの機能も、何も返さ値を返さないforEachの内側には戻りません。それを変数に割り当て、それはしませんが、あなたはあなたがいると思う機能から復帰していない

var demo = document.getElementById('demo'); 
demo.innerHTML = endangeredSpecies("Europe", "Cave bear"); 

function endangeredSpecies(continent, species) { 
    var contin = document.querySelectorAll('[data-continent]'); 
    var val; 
    contin.forEach(function(div){ 
    if(div.getAttribute('data-continent') == continent){ 
       var children = [].slice.call(div.children); 
     children.forEach(function(child) { 
        if(child.getAttribute('data-species') == species) { 
       val = child.innerText; 
       } 
      }) 
    } 
    }) 
    return val; 
} 

JSFIDDLE