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.