Js中tabindex动态取

<form id="myForm">
  <label for="name">Name:</label>
  <input type="text" id="name" tabindex="1"><br><br>
  
  <label for="email">Email:</label>
  <input type="email" id="email" tabindex="3"><br><br>
  
  <label for="phone">Phone:</label>
  <input type="tel" id="phone" tabindex="2"><br><br>
  
  <button type="submit" tabindex="4">Submit</button>
</form>

document.addEventListener('DOMContentLoaded', function() {
  const form = document.getElementById('myForm');
  const inputs = form.querySelectorAll('input');
  
  // 动态设置tabindex
  inputs.forEach((input, index) => {
    input.tabIndex = index + 1; // 设置tabindex为1, 2, 3...
  });
  
  // 如果需要将某个元素的tabindex设置为-1，例如隐藏它
  const phoneInput = document.getElementById('phone');
  phoneInput.tabIndex = -1; // 这将使phoneInput不通过Tab键获得焦点
});