Javascript 如何使用类更改div中所有按钮的tabindex

Javascript 如何使用类更改div中所有按钮的tabindex,javascript,Javascript,我想为div中的所有按钮设置tabindex,我的结构是这样的 <div class="content"> <div> <button name="first" /> </div> <div> <button name="second" /> </div> <div> <button name="third" /> </div> <div> 您可以使用

我想为div中的所有按钮设置tabindex,我的结构是这样的

<div class="content">
  <div> <button name="first" /> </div>
  <div> <button name="second" /> </div>
  <div> <button name="third" /> </div>
<div>

您可以使用
querySelectorAll()

const btns=document.queryselectoral(“.content按钮”);
对于(var i=0;i该方法返回一个数组,而不是一个数组。由于它不是数组,因此它没有
array.map()
方法。此外,map用于将数组转换为新数组,而不是用于副作用(这是
forEach()
的目的)

用于获取作为
.content
的后代的所有按钮的列表,然后使用进行迭代,并设置选项卡索引:

const kbButtons=document.queryselectoral(“.content button”)
.forEach(elem=>{
elem.setAttribute('tabindex','-1')
})

第一
第二
第三
const content = document.getElementsByClassName("content");
const kbButtons = content[0].getElementsByTagName("button");
kbButtons.map( (elem,index) => { elem.setAttribute("tabindex", '-1') })