JavaScript Non in grado di impostare lo stato attivo al primo elemento li entro ul

Question

Ho seguito il codice:

<ul id='someId'> 
<li class='someClass'> 
</li> 
</ul> 

voglio impostare focus sul primo elemento li entro ul sulla base di alcune condizioni.

Il mio primo tentativo è come questo:

var ul = document.getElementById('someId');   
var child = ul.childNodes[0]; 
child.focus(); 

Il mio secondo tentativo è come questo:

var y = document.getElementsByClassName('someClass'); 
var aNode = y[0]; 
aNode.focus(); 

Ma nessuno dei precedenti lavori

Tutte le idee?

Answer 1

Il problema è che non è possibile mettere a fuoco un elemento non di input senza impostare tabIndex.

<li tabindex="-1">...</li> 

Prova questo violino: jsfiddle

Answer 2

Un 'li' non può avere attenzione, tuttavia un 'input' possibile, in modo che si scrive da soli il seguente script:

function installLI(obj){ 
     var ul = document.createElement('ul'); 
     obj.appendChild(ul); 
     var li = document.createElement('li'); 
     var txt = document.createElement('input'); 
     li.appendChild(txt); 
     ul.appendChild(li); 
     txt.focus(); 
     li.removeChild(txt); 
} 

Dove ' obj 'è l'oggetto (come un div modificabile) che stai aggiungendo alla tua lista.