Company logo
  • Empleos
  • Bootcamp
  • Acerca de nosotros
  • Para profesionales
    • Inicio
    • Empleos
    • Cursos y retos
    • Preguntas
    • Profesores
    • Bootcamp
  • Para empresas
    • Inicio
    • Nuestro proceso
    • Planes
    • Pruebas
    • Nómina
    • Blog
    • Comercial
    • Calculadora

0

57
Vistas
How can I achieve tab roving in element which is inside a parent element?

I am using tabRoving function on treeview image which is at the end part of parent node. I want to set the last selected element with tabindex=0 and rest of them to tabindex=-1 with the specific image id.

Here is the code I have done so far:

const tabRoving = (element) => {
  var imgChild = document.getElementById("addTreeIcon");
  // var currentIndex = 0;
  if (element.contains(document.activeElement)) {
    element.childNodes.forEach(function (child) {
      console.log(child.getElementsByTagName("img"));
      if (child != document.activeElement) {
        child.setAttribute("tabindex", "-1");
      } else {
        child.setAttribute("tabindex", "0");
      }
    });
  }
}; 

In element parameter in function, I'm passing:

tabRoving(document.getElementById('treeView'));

Here treeView is the parent node. And image with id addTreeIcon is inside the parentNode treeView.

How can I do this ? Thank you.

7 months ago · Juan Pablo Isaza
Responde la pregunta
Encuentra empleos remotos