agregar objetos con JS

[milomdq]

buenas, quiero agregar una fila por ejemplo con JS, el codigo que hice es:

Código:

function agregar()
    {
        var previousInnerHTML = new String();
        
        previousInnerHTML = document.getElementById('padre').innerHTML;
        
        previousInnerHTML = previousInnerHTML.concat('<tr><td width="13%">Columna 1</td>');
        
        previousInnerHTML = previousInnerHTML.concat('<td width="8%">Columna 2</td>');
        
        previousInnerHTML = previousInnerHTML.concat('<td width="41%">Columna 3</td>');
		
		previousInnerHTML = previousInnerHTML.concat('<td width="20%">Columna 4</td>');
		
		previousInnerHTML = previousInnerHTML.concat('<td width="9%">Columna 5</td>');
		
		previousInnerHTML = previousInnerHTML.concat('<td width="9%">Columna 6</td></tr>');
        
        document.getElementById('padre').innerHTML = previousInnerHTML;
    }

el tema es que no me carga las columnas como quiero, me pone:
"Columna 1Columna 2Columna 3Columna 4Columna 5Columna 6"

como seria entonces si no es asi para agregar una fila en una tabla?

Mil gracias!!

[zerokilled]

buenas...

no lo comprendo. quiero decir, el codigo es correcto. ¿no sera que aparenta estar juntos porque las celdas no tienen suficiente espacio? inspecciona la estructura de nodo generada con la consola del navegador. ahi debes ver como te esta creando los elementos. en ultima instancia, puedes usar metodos del DOM para crear y agregar elementos al documento sin tener que preocuparte por el contenido actual.

[milomdq]

buenisimo, ahi me salio con DOM

muchas gracias!!