我可以在JavaScript中动态设置tabindex吗?

RVK*_*RVK 41 html javascript accessibility

是否有像tab-index这样的属性?

背景:我正在使网页表单中的某个部分可见或不可见,具体取决于我希望在特定部分可见时手动设置制表符索引的某些条件.

hun*_*ter 66

document.getElementById("link3").tabIndex = 6;
Run Code Online (Sandbox Code Playgroud)

  • $('#link3').attr('tabIndex',6); //对于jQuery (6认同)
  • 该属性是`tabindex`但是'el.tabindex`不起作用,但`el.tabIndex`可以.太奇怪了. (2认同)
  • @BillCriswell,您可能知道,HTML 属性是小写的,并且通常可以有“-”破折号。javascript 属性不同 - 驼峰式大小写。棘手的是 dom 元素通常同时具有 html 属性和 javascript 属性。html 属性将反映 javascript 属性。与在 html 中使用“class”相同,但在 javascript 中使用“className” (2认同)
  • 这是 2020 年的可行替代方案。 `document.getElementById("link3").setAttribute("tabindex", "6");` (2认同)

Nik*_*ikz 8

使用JQuery我们可以轻松动态设置选项卡索引尝试此代码 - 设置tabindex和增加变量

$(function() {
    var tabindex = 1;
    $('input,select').each(function() {
        if (this.type != "hidden") {
            var $input = $(this);
            $input.attr("tabindex", tabindex);
            tabindex++;
        }
    });
});
Run Code Online (Sandbox Code Playgroud)