无法设置undefined的属性'width'

时间:2016-08-25 18:13:36

标签: html class properties undefined

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";}

仍然得到“无法设置未定义的属性'宽度”并且不知道为什么。我不是要解决这个问题,我想知道这里到底发生了什么。

问候。

1 个答案:

答案 0 :(得分:6)

getElementsByClassName()方法返回文档中具有指定类名的所有元素的集合,作为数组对象

如果您有一个类名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";
 }