Ver Mensaje Individual
  #2 (permalink)  
Antiguo 02/03/2016, 03:27
Avatar de Pantera80
Pantera80
 
Fecha de Ingreso: noviembre-2014
Ubicación: España
Mensajes: 35
Antigüedad: 9 años, 6 meses
Puntos: 6
Respuesta: Acceder a texto de <input> con DOM

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