JavaScript nie mógł ustawić ostrość na pierwszym elemencie li wewnątrz ul

Question

Mam poniżej kodu:

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

Chcę ustawić ostrość na pierwszym elemencie li wewnątrz ul podstawie jakiegoś warunku.

Moja pierwsza próba jest tak:

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

Moja druga próba jest tak:

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

Ale żadna z powyższych działa

jakieś pomysły?

Answer 1

Problem polega na tym, że nie można ustawić ogniskowania elementu bez wejścia bez ustawienia tabIndex.

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

Spróbuj skrzypce: jsfiddle

Answer 2

za 'li' nie może mieć ostrość, jednak za 'wejście' można, więc piszesz sobie następujący scenariusz:

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); 
} 

gdzie ' obj "jest obiektem (jak edytowalny element div), do którego dodajesz swoją listę.