[SOLUCIONADO] Conseguir id's de dos input

[riscking]

Código:

<form name="loginform" onsubmit="return false;">
      <div id="form_wrapper"> 
        <div class="form_title">Login form</div>
        
        <div style="display:none;">
            <div class="form_value"><input class="form_input" onfocus="osk_field=this;" type="password" name="xxxx" id="xxxx" value=""></div><div class="form_value"><input class="form_input" onfocus="osk_field=this;" type="password" name="xxxx" id="xxxx" value=""></div>
        </div>
       
        
    
    </form>

Hola amigos, me gustaria saber como obtener la id o el name de los dos form_input si la id y name cambian al cargar la pagina, he probado a hacerlo con
document.getElementsByClassName("form_input")[0]
document.getElementsByClassName("form_input")[1]
pero tengo el problema que ne la web hay mas class form_input y class form_value, seria alguna manera de buscar dentro del formulario id="form_wrapper" y de ahi los chil o algo pero no tengo ni idea como, a ver si me podeis ayudar de alguna manera.

Gracias de antemano.

[PHPeros]

Puedes usar un selector:

Código Javascript:

document.querySelectorAll('.form_value > input[type=password]');
 

[riscking]

PHPeros muchas gracias por contestar, y a pesar de que me funciona sigo teniendo el problema de q es una pagina tope rara, es para hacer una macro y cada vez q carga añade campos con la clase form_value antes de los del user y pass entonces aunque lo busque con ese selector hay otros antes y la cantidad cambia por lo que si pongo esto no me sirve.

window.document.querySelectorAll('.form_value > input[type=password]')[1].id;

lo unico que siempre es comun es que el form_value despues de esto

document.getElementsByClassName("form_label")[0].innerHTML="Username"

siempre es el usuario y despues de

document.getElementsByClassName("form_label")[1].innerHTML="Password"

es la contraseña.

No se si esto sirve de algo, pero no doy con la manera, ni siquiera si es posible.
Un saludo y gracias.

[riscking]

Bueno después de unas dos horas probando con el tema sibling y chilNodes he dado con la solucion, seria esta

var parentElem = window.document.getElementsByClassName("form_label ")[0];

var firstElem = parentElem.nextElementSibling;
var nextElem = firstElem.childNodes[0];
alert ("Id del usuario: " + nextElem.id);

var parentElem = window.document.getElementsByClassName("form_label ")[1];

var firstElem = parentElem.nextElementSibling;
var nextElem = firstElem.childNodes[0];
alert ("Id del password: " + nextElem.id);

Gracias por todo.

Un saludo.