• Empleos
  • Sobre nosotros
  • profesionales
    • Inicio
    • Empleos
    • Cursos y retos
  • empresas
    • Inicio
    • Publicar vacante
    • Nuestro proceso
    • Precios
    • Evaluaciones
    • Nómina
    • Blog
    • Comercial
    • Calculadora de salario

0

110
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.

almost 3 years ago · Juan Pablo Isaza
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Nuestro proceso Comercial
Legal
Términos y condiciones Política de privacidad
© 2025 PeakU Inc. All Rights Reserved.

Andres GPT

Recomiéndame algunas ofertas
Necesito ayuda