Eliminar celdas vacías con javascript

[Elvixx10]

Hola amigos del foro tengo una duda que ustedes con su conocimiento me podrán resolver tengo una tabla html y lo que que estoy realizando es un script para poder eliminar aquellas celdas cuyo valor sea 0 o null con base a esto las demás celdas se correaran y seguirán el orden correcto.

[Alexis88]

Supongo que cuando te refieres a celdas cuyo valor sea cero o nulo te refieres a celdas sin contenido. De ser así, podrías hacerlo así:

Código HTML:

<table>
    <tr>
        <td>J</td>
    </tr>
    <tr>
        <td></td>
    </tr>
    <tr>
        <td>Y</td>
    </tr>
    <tr>
        <td></td>
    </tr>
    <tr>
        <td>A</td>
    </tr>
</table>
 
<button>Eliminar</button>
 

Código Javascript:

var filas = document.getElementsByTagName("tr"),
    total = filas.length,
    boton = document.getElementsByTagName("button")[0];
 
boton.addEventListener("click", function(){
    for (i = 0; i < total; i++){
        var celda = filas[i].getElementsByTagName("td")[0];
        if (!celda.innerHTML.length)
            filas[i].style.display = "none";
    }
}, false);
 

Cuando le doy un clic al botón, busco en cada fila de la tabla a la celda que contiene, si no posee contenido, la oculto.

DEMO

Saludos

[PHPeros]

Es preferible comprobar si un elemento no tiene hijos mediante hasChildNodes().

Aún así creo que no se refería a eso...

[caricatos]

Hola:

¿Cuál es el problema con las celdas vacías...? Si eliminas un tag "td", seguro que descuadras la tabla... si hay solo una fila o columna, deberías tratar la estructura como una lista... de otra manera tendrías que considerar atributos adicionales como colspan o rowspan.

Saludos

[Alexis88]

Iniciado por PHPeros

Es preferible comprobar si un elemento no tiene hijos mediante hasChildNodes().

Aún así creo que no se refería a eso...

Claro, es lo que yo suelo hacer, pero para el ejemplo que mostré (porque eso fue lo que supuse a lo que se refería), basta con eso.