Nefunkční výpis obsahu v javascriptu

Jen tipuju, ale podle mě je problém v tom cyklu, používáš špatně ty objekty. divs je pole objektů, takže ho musíš použít s indexem...
Když odhlédnu od toho, proč to děláš zrovna takhle, tak funkční je tenhle zápis:

for(var i=0;i<divs.length;++i){
var div1 = divs[i].querySelector('div:nth-of-type(1)');
var div2 = divs[i].querySelector('div:nth-of-type(2)');
var div3 = divs[i].querySelector('div:nth-of-type(3)');
str += div1.textContent + div2.textContent + div3.textContent;
}

To taky nefunguje..

Divné, mě to funguje...
https://jsfiddle.net/bh35gLtd/

Mě to teda nic nevypisuje jak to, že tobě ano?

Ani na tom odkazu ti to nefunguje?

Ne, ani na tom původním (když to opravím) ani na tomto.

A tady ti to funguje? Nejdřív Run a pak tlačítko TryIt
https://www.w3schools.com/code/tryit.asp?filename=G8ZCE9E3Y4X3

som jediný kto online webové bazmeky píše v thimble? https://thimble.mozilla.org/ pri tom to má konzolu aj ffw, rôzne viewy atď. Alebo teda ponovom pozerám že to bude glitch.com (aj keď čo sa týka UI/UX tak thimble mi prijde lepší).