JavaScript 无法将焦点设置到 ul 中的第一个 li 元素

Question

我有以下代码:

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

我想根据某些条件将焦点设置在 ul 中的第一个 li 元素上。

我的第一次尝试是这样的:

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

我的第二次尝试是这样的:

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

但是以上都不行

有什么想法吗？

Answer 1

问题是如果不设置 tabIndex 就无法聚焦非输入元素。

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

你可以试试这个 fiddle :jsfiddle