Hola roboty. Ahora que lo leo bien y pruebo tu código me he dado cuenta que no te entendí bien antes, sorry.
Bueno, por lo que he visto, si tu función javascript la estabas metiendo tal cual la tienes en tu página, no creo que te funcionara; ni con mi línea ni sin ella. Deberías de poner así tu función javascript
:
<script type="text/javascript">
window.onload=function()
{
var e = document.getElementsByTagName("table");
var color = 0;
for(i=0;i<e.length;i++)
{
if(e[i].id!='tabla1')
{
if(color==0)
e[i].style.backgroundColor = 'red';
else
e[i].style.backgroundColor = 'yellow';
if(color==1)
color=0;
else
color=1;
}
else
e[i].style.backgroundColor='green';
}
}
</script>
Con la variable 'color' sabemos qué color tienes que poner en cada momento: si es cero=amarillo, si es uno=rojo. Luego comprobamos la variable 'color' para resetearla cada vez que llega a 1. He añadido una nueva tabla, para que veas el efecto de pintar dos colores. Además te he cambiado los colores para que veas el efecto (porque con #333 y #fff se veía siempre igual). Quedarían asi tus tablas HTML:
<div>
<table id="tabla1">
<tbody>
<tr>
<td>
articulo1</td>
<td>
articulo2</td>
<td>
</tr>
<tr>
<td>
<table>
<tbody>
<tr>
<td>
nombre</td>
</tr>
<tr>
<td>
caracteristicas</td>
</tr>
</tbody>
</table>
</td>
<td>
<table>
<tbody>
<tr>
<td>
nombre</td>
</tr>
<tr>
<td>
caracteristicas</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
Para este ejemplo te he retocado un poco las tablas. Entiendo tu intención pero así como
tú las tienes no parecen estar bien formadas, a ver qué te parece como yo te las he puesto.
Y los colores también modifícalos a tu gusto; te he puesto esos para que veas claramente el efecto.
saludos.