我想通过选择元素来创建数组tabindex吗？如果是这样，正确的方法是什么？我了解到，我们需要遍历所有元素并找到用声明的道具，tabindex但正在寻找正确的方法。
<div class="focusguard" id="focusguard-1" tabindex="0"></div>
<div>
<input class="user-input" type="text" autofocus tabindex="1">
</div>
<div>
<ul>
<li class="first-item" tabindex="2">
<span>Item 1</span>
</li>
<li tabindex="3">Item 2</li>
<li tabindex="4">Item 3</li>
<li tabindex="5">Item 4</li>
<li tabindex="6">Item 5</li>
<li tabindex="7">Item 6</li>
<li tabindex="8">Item 7</li>
<li tabindex="9">Item 8</li>
<li tabindex="10">Item 9</li>
<li class="last-item" tabindex="11">Item 10</li>
</ul>
</div>
我如何通过tabindex-创建新数组？
您可以使用querySelectorAll获取所有带有tabindex的元素：
const elmntsWithTabindex = document.querySelectorAll('[tabindex]')
这将为您提供一个NodeList，它实际上不是数组，但是可以根据需要转换为数组：
const arrayOfElmnts = Array.from(elmntsWithTabindex)
但是，您可能不需要将其转换为数组，因为NodeLists已经附带了一些有用的方法，例如forEach（）：
elmntsWithTabindex.forEach( elmnt => {
// Do something with that one element
})
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句