[SOLUCIONADO] Agregar atributo a distintas celdas TD de una tabla

[Fernarey1810]

Estoy creando una tabla mediante javascript:

Código Javascript:

for (f = 0; f <= 5; f++){
    
    tabla.insertRow(f);
            
    for (c = 0; c <= 5; c++){
        tabla.rows[f].insertCell(c);                                    
    }                       
}
 

Lo que no se al crearla de esta manera es como agregarle los atributos:

Código HTML:

<tr>
        <td width="5" height="5"></td>  <!--POR EJ aca fila 0 el primer td tiene 2 atributos-->
        <td width="5"></td>
</tr>
 <tr>
        <td height="5"></td>                  <!-- POR EJ aca fila 1 el primer td tiene 1 atributo-->
        <td></td>
</tr>
 

INTENTABA HACERLO DE ESTA FORMA PERO ANDA MAL NOSE PORQUE

Código Javascript:

td1.setAttribute("width", "5");         td1.setAttribute("height", "5");
td3.setAttribute("height", "5");
 
for (f = 0; f <= 5; f++){
    tabla.appendChild(tr);
    
            
    for (c = 0; c <= 5; c++){
        
        if (c == 0 && f == 0) {
            tr.appendChild(td1);    
        }
        if (c > 0 && c <= 10) {
            tr.appendChild(td2);
        }
        if (c == 0 && f > 0) {
            tr.appendChild(td3);
        }               
                                    
    }
}
 

esta ultima forma agrega bien los atributos pero me crea mal la tabla, la arma mal

[Fernarey1810]

lo solucione de esta manera. gracias igual

Código Javascript:

for (f = 0; f <= 5; f++){
    var tr = document.createElement("tr");  
    tabla.appendChild(tr);
            
            
    for (c = 0; c <= 5; c++){
                
        var td1 = document.createElement("td");
        var td2 = document.createElement("td");
        var td3 = document.createElement("td");
                
        td1.setAttribute("width", "5");  td1.setAttribute("height", "5");
        td3.setAttribute("height", "5");
        
        if (c == 0 && f == 0) {
            tr.appendChild(td1);    
        }
        if (c > 0 && c <= 10) {
            tr.appendChild(td2);
        }
        if (c == 0 && f > 0) {
            tr.appendChild(td3);
        }                                   
    }                       
}