改变三个链接的 tab 排序 - 在线编辑器

          <!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>蜜蜂教程(mifengjc.com)</title>
  <script>
    function changeTabIndex() {
      document.getElementById('1').tabIndex = "3";
      document.getElementById('2').tabIndex = "2";
      document.getElementById('3').tabIndex = "1";
    }
  </script>
</head>
<body>

  <p><a id="1" href="https://www.mifengjc.com">1</a></p>
  <p><a id="2" href="https://www.mifengjc.com">2</a></p>
  <p><a id="3" href="https://www.mifengjc.com">3</a></p>
  <input type="button" onclick="changeTabIndex()" value="改变标签索引">
  <p>试着先使用“Tab”按钮导航到链接之后你单击“改变标签索引”按钮。</p>

</body>
</html>
        