for文を使用し複数テキストのサイズを指定する方法

Question

var nums = document.getElementsByClassName("num");

num1.style.width = "100px";
num2.style.width = "100px";
num3.style.width = "100px";
num4.style.width = "100px";
num5.style.width = "100px";
num6.style.width = "100px";
num7.style.width = "100px";
num8.style.width = "100px";
num9.style.width = "100px";
num10.style.width = "100px";

for ( var i=1; i<=nums.length; i++ )//上の表現がfor文で作成できない
{
var y = 'num'+[i]+'.style.width '+'='+'"100px";';
console.log(y);
}

テキスト10個に対して同じ幅を指定するjsを書きたいとおもっています。
変数を全て作成した上の記載で問題なく動きますが、
for文を使って、同じ記載を作りたいとおもっています。

・やった事
上記の記載がfor文で作成できるように、下記の記載を致しました。

.出来ない事
コンソールで正しく表示されていることは確認できますが、
実際のスタイルは変更されていないです。

どのように作成すればよいか教えていただけますでしょうか。

Answer 1

以下でいけると思います

var elm = document.getElementsByClassName("num");
for( var i = 0; i < elm.length; i++ ) {
    elm[i].style.width = '100px'; 
}

Comments

[mi_mi]

ご回答いただきありがとうございます。
その方法でいける！と思ったのですが…
Cannot read property 'style' of undefinedでエラー表示となってしまいます。
原因を探しています…。

[miyakichi]

当方で試したらうまくいきました。ただし、widthを設定する対象要素はP要素で試しました。
そちらのwidthを設定する対象要素はなんでしょうか？
また、javaScriptはどのタイミングで実行していますか？
DOMツリーの構築が完了後に実行しているとは思いますが・・念の為

[mi_mi]

ご回答いただきありがとうございました。もう一度試してみた所、きちんと全ての要素の幅がそろいました。ちなみにinputテキストで作成いたしました。私のタイプミスだったようです。