未定義のプロパティ 'width'を設定できません

Question

function size(){ 
for(i=0; i<squares; i++){ 
    document.getElementById('table').innerHTML += "<div class='squareCell' id='objetive"+i+"'></div>"; 
} 
document.getElementsByClassName('squareCell').style.width="300px"; 
document.getElementsByClassName('squareCell').style.height="300px";} 

「未定義のプロパティ 'width'を設定できません」という理由がわかりません。私はちょうどこれを解決しようとしていない、私はここで正確に起こっていることを学びたい。

ご挨拶。

Answer 1

getElementsByClassName()方法を使用すると、1人のクラス名squareCellを持っているなら、あなたはこのように0番目のインデックスを定義することによって、それを行うことができ、配列オブジェクト

として、指定されたクラス名を使用して文書内のすべての要素のコレクションを返します。

document.getElementsByClassName('squareCell')[0].style.width="300px"; 
document.getElementsByClassName('squareCell')[0].style.height="300px"; 

複数使用ループ

var x = document.getElementsByClassName('squareCell'); 
for(var i=0; i< x.length;i++){ 
    x[i].style.width = "300px"; 
    x[i].style.height = "300px"; 
}