Fun with tabindex
This is a simple test file to figure out how the different browsers deal with tabindex. If I had realized there were so many permutations when I
started I probably would have created the tests differently. You will need to activate each button to get the results. It is important that you activate the
set buttons before running the tests below them.
div with tabi ndex="0" in markup
div with tabI ndex="0" in markup - note the capitalization
div with no tabindex attribute
Link with no tabindex for comparison
Get tabindex get lowercase tabi ndex when set in markup as lowercase tabi ndex =
Get tabindex get uppercase tabI ndex when set in markup as lowercase tabi ndex =
Get tabIndex get lowercase tabi ndex when set in markup as uppercase tabI ndex =
Get tabIndex get uppercase tabI ndex when set in markup as uppercase tabI ndex =
get value set via markup using elem.getAttribute();
getAttribute(tabindex) get lowercase tabi ndex when set in markup as lowercase tabi ndex =
getAttribute(tabIndex) get uppercase tabI ndex when set in markup as lowercase tabi ndex =
getAttribute(tabindex) get lowercase tabi ndex when set in markup as uppercase tabI ndex =
getAttribute(tabIndex) get uppercase tabI ndex when set in markup as uppercase tabI ndex =
Get tabindex NA get lowercase tabi ndex when NOT set =
Get tabIndex NA get uppercase tabI ndex when NOT set =
getAttribute(tabindex) NA getAttribute lowercase tabi ndex when NOT set =
getAttribute(tabIndex) NA getAttribute uppercase tabI ndex when NOT set =
Get tabindex Link get lowercase tabi ndex from link =
Get tabindex Link get uppercase tabI ndex from link =
getAttribute(tabindex) Link getAttribute lowercase tabi ndex from link =
getAttribute(tabIndex) Link getAttribute uppercase tabI ndex from link =
Programmatically set tabindex to zero
set tabindex set programmatically - lowercase tabi ndex
set tabIndex set programmatically - uppercase tabI ndex
setAttribute( tabindex) set programmatically via setAttribute - lowercase tabi ndex
setAttribute(tabIndex) set programmatically via setAttribute uppercase tabI ndex
Get value set via element assignment using direct element query
Get tabindex get lowercase tabi ndex when set as elem.tabindex (lowercase tabi ndex )=
Get tabindex get uppercase tabI ndex when set as elem.tabindex (lowercase tabi ndex) =
Get tabIndex get lowercase tabi ndex when set as elem.tabIndex (uppercase tabI ndex) =
Get tabIndex get uppercase tabI ndex when set as elem.tabIndex (uppercase tabI ndex) =
Get value set via element assignment via getAttribute()
getAttribute(tabindex) get lowercase tabi ndex when set as elem.tabindex (lowercase tabi ndex )=
getAttribute(tabindex) get uppercase tabI ndex when set as elem.tabindex (lowercase tabi ndex) =
getAttribute(tabindex) get lowercase tabi ndex when set as elem.tabIndex (uppercase tabI ndex) =
getAttribute(tabindex) get uppercase tabI ndex when set as elem.tabIndex (uppercase tabI ndex) =
get value set via setAttribute using elem.getAttribute();
getAttribute(tabindex) get lowercase tabi ndex when set via setAttirbute lowercase tabi ndex =
getAttribute(tabindex) get uppercase tabI ndex when set via setAttribute lowercase tabi ndex =
getAttribute(tabindex) get lowercase tabi ndex when set via setAttribute uppercase tabI ndex =
getAttribute(tabindex) get uppercase tabI ndex when set via setAttribute as uppercase tabI ndex =
Programmatically test for tabindex via hasAttribute
hasAttribute(tabindex) hasAttribute tabi ndex when set in markup as lowercase tabi ndex =
hasAttribute(tabindex) hasAttribute tabI ndex when set in markup as lowercase tabi ndex =
hasAttribute(tabIndex) hasAttribute tabi ndex when set in markup as uppercase tabI ndex =
hasAttribute(tabIndex) hasAttribute tabI ndex when set in markup as uppercase tabI ndex =
hasAttribute(tabindex) NA hasAttribute lowercase tabi ndex when NOT set =
hasAttribute(tabIndex) NA hasAttribute uppercase tabI ndex when NOT set =
hasAttribute when value set directly on element
hasAttribute(tabindex) hasAttribute lowercase tabi ndex when set as elem.tabindex (lowercase tabi ndex )=
hasAttribute(tabindex) hasAttribute uppercase tabI ndex when set as elem.tabindex (lowercase tabi ndex) =
hasAttribute(tabindex) hasAttribute lowercase tabi ndex when set as elem.tabIndex (uppercase tabI ndex) =
hasAttribute(tabIndex) hasAttribute uppercase tabI ndex when set as elem.tabIndex (uppercase tabI ndex) =
hasAttribute when value set via markup using elem.getAttribute();
hasAttribute(tabindex) hasAttribute lowercase tabi ndex when set via setAttribute lowercase tabi ndex =
hasAttribute(tabIndex) hasAttribute uppercase tabI ndex when set via setAttribute lowercase tabi ndex =
hasAttribute(tabindex) hasAttribute lowercase tabi ndex when set via setAttribute uppercase tabI ndex =
hasAttribute(tabIndex) hasAttribute uppercase tabI ndex when set via setAttribute as uppercase tabI ndex =
hasAttribute on link
hasAttribute(tabindex) Link hasAttribute lowercase tabi ndex from link =
hasAttribute(tabIndex) Link hasAttribute uppercase tabI ndex from link =