javascript - ループを使用してデータ属性を取得するjavascriptが機能しない

Question

コア JavaScript を使用して各要素の「データ番号」を取得しようとしています。プラグインを編集しているため、ここでは jquery を使用できません。

しかし、私はデータを取得することができません

html:

<ul>
    <li data-number="2" class="number">1</li>
    <li class="number">2</li>
    <li class="number">3</li>
</ul>

js:

for(i=0;i<3;i++){
var x = document.getElementsByClassName('.'+number)[i].getAttribute("data-number");
    console.log(x); // i am not getting the result.
}

ここにjsfiddleがあります

前もって感謝します