[SOLUCIONADO] Acceder a texto de <input> con DOM

[Pelydas]

Hola a todos, tengo el siguiente código:

<div id="Linea x" ..... >
<div id="td-1>
<input id="midato-1" .... onclick=funcion >
</div>
<div id="td-2>
<input id="midato2" .... onclick=funcion >
</div>
.......
<div id="td-n>
<input id="midato-n" .... onclick=funcion >
</div>
</div>
.....

function () {
var c = this.parentElement.parentElement.childNodes;
var i;
for (i = 0; i < c.length; i++) {
c[i].style.backgroundcolor = 'red';
c[i].style.color = 'red'; }
}

pero no hace nada, poniendole un alert() para ver el valor del childnode el valor que me da es "undefined" parece que no estoy muy "afilado" en el DOM. Me ayudan ?
Gracias

[Pantera80]

Buenas.

Si tenemos un HTML de este estilo:

Código:

<div id="contenedor">
	<div>
		<input></input>
	</div>
	<div>
		<input></input>
	</div>
...
</div>

Si en javascript cogemos esta variable:

Código:

var inicio = document.getElementById("contenedor").childNodes;

No obtenemos directamente un grupo de DIVS, sino que sale algo como esto si
ponemos en la consola console.log(inicio):

Código:

[text, div, text, div, text, div, text, div, text, div, text, div, text, div, text]

Por tanto, para acceder a los DIVS debemos saltarnos los nodos de texto :

Código:

inicio = document.getElementById("contenedor").childNodes;
for(var i=0; i<inicio.length; i++){
	if(i%2==0){
		inicio[i+1].childNodes[1].value = 'hola';
		inicio[i+1].childNodes[1].style.color='red';
	}

Un saludo

[Pelydas]

Gracias Pantera80 me funcionó perfecto con un par de lineas adicionales para mi caso concreto.