modificar codigo javascript

[roboty]

hola amigos tengo un problema tengo un codigo que me cambia el color de la tabla los pares de un color y los impares de otro color algo asin:

Código Javascript:

<script type='text/javascript'>
(function(){
var d = document, e = d.getElementsByTagName("table"), i;
 
for(i=0;i<e.length;i++){
 if(i % 2) e[i].style.backgroundColor = '#333'
 else e[i].style.backgroundColor = '#fff'
}
})()
 

mi problema es que tengo una tabla dentro de otra y yo quiero asignarle el color de fondo la tabla principal para que el color este en todo el div algo asin:

Código HTML:

<table>
           <tbody>
                    <tr>
                        <td>articulo1</td>  <td>articulo2</td>  <td>
    <table>
            <tbody>
                     <tr>
                        <td>nombre</td>
                    </tr>
                    <tr>
                        <td>caracteristicas</td>
                    </tr>
            </tbody>
    </table>
                                               </td>
                    </tr>  
            </tbody>
</table>
 
</div>
 

osea que el color de fondo este para todo el div